use token for input font

swisspost · Nov 12, 2024 · f065edb · f065edb
1 parent ce28017
commit f065edb
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/packages/styles/src/components/forms.scss b/packages/styles/src/components/forms.scss
@@ -1,9 +1,6 @@
-@forward './../variables/options';
-
-@use './../variables/type';
-
 @use './../functions/tokens';
 @use './../tokens/components';
+@use './../tokens/elements';
 
 @use './../mixins/icons';
 @use './../mixins/utilities';
@@ -13,7 +10,7 @@ tokens.$default-map: components.$post-text-input;
 .form-control {
   display: block;
   width: 100%;
-  font-family: type.$font-family-sans-serif;
+  font-family: tokens.get('body-font-family', elements.$post-body);
   appearance: none; // Fix appearance for date inputs in Safari
   background-clip: padding-box;
   border: tokens.get('input-border-width') tokens.get('input-border-style-default')