Refactor SCSS imports to use @use syntax and improve organization (#81)

Author: jetzlstorfer

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";