Remove "fonts.scss"

src/styles/application.scss

@@ -1,5 +1,4 @@
 @use 'variables';
-@use 'fonts';
 @use 'basics';
 @use 'loading';
 @use 'ui';

src/styles/components/search.scss

@@ -1,5 +1,3 @@
-@use "../fonts";
-
 .search {
   position: relative;
 }
@@ -16,7 +14,7 @@
 
   .svg-icon {
     @apply right-4 rtl:left-4 rtl:right-auto text-gray-400;
-    @include fonts.font-size(16);
+    font-size: 16px;
     cursor: default;
     display: inline-block;
     position: absolute;

src/styles/fonts.scss

@@ -1,13 +0,0 @@
-@use 'sass:math';
-
-// TYPEOGRAPHY MIXINS
-
-// Use these mixins to define font-size and line-height
-// html and body declaration allows developer to pass px value as argument
-// Rendered css will default to "rem" and fall back to "px" for unsupported browsers
-@mixin font-size($size) {
-  $rem: math.div($size, 10);
-  $px: $size;
-  font-size: #{$px + 'px'};
-  font-size: #{$rem + 'rem'};
-}