diff --git a/_sass/external/_katex.scss b/_sass/external/_katex.scss
index f9b2014d36..f4c60f5d00 100644
--- a/_sass/external/_katex.scss
+++ b/_sass/external/_katex.scss
@@ -4,9 +4,10 @@
  */
 
 @use "katex/katex";
+@use '../base/variables';
 
 .katex-display {
-  @media screen and (max-width: $sm-break) {
+  @media screen and (max-width: variables.$sm-break) {
     overflow-x: auto;
   }
   & {
diff --git a/_sass/type-on-strap.scss b/_sass/type-on-strap.scss
index 3626a760aa..915dae2dbf 100644
--- a/_sass/type-on-strap.scss
+++ b/_sass/type-on-strap.scss
@@ -1,4 +1,7 @@
-/* TYPE_ON_STRAP Main style sheet */
+/* TYPE_ON_STRAP Main style */
+
+// Reset all styles
+@use 'external/reset';
 
 /* Base */
 @use 'base/index' as base;
@@ -25,10 +28,7 @@
 
 /* External */
 // CSS from external sources
-@import 'external/reset';
-@import 'external/font-awesome';
-@import 'external/pacifico';
-@import 'external/katex';
-@import 'external/source-sans-pro';
-
-
+@use 'external/font-awesome';
+@use 'external/pacifico';
+@use 'external/katex';
+@use 'external/source-sans-pro';
\ No newline at end of file