diff --git a/assets/style.scss b/assets/style.scss
index 398ca5b..cb50f62 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -5,9 +5,10 @@
 // IMPORTS
 //
 
-@import "reset";
-@import "variables";
-// Syntax highlighting @import is at the bottom of this file
+@use "reset";
+@use "variables" as *;
+@use "darcula";
+@use "svg-icons";
 
 /**************/
 /* BASE RULES */
@@ -1290,8 +1291,3 @@ Modules - reusable parts of our design
   margin: 20px 0;
 }
 
-// Settled on moving the import of syntax highlighting to the bottom of the CSS
-// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
-//@import "highlights";
-@import "darcula";
-@import "svg-icons";