Fix: SCSS Deprecation Warning

- Replace deprecated `@import` with `@use`
- Move lines around in `_preview.scss`
- Update terminal preview height
- Update terminal preview font

css/main.css

@@ -27,13 +27,13 @@
   background: #2d2d2d;
 }
 .preview .terminal-preview {
-  background: #1a1a1a;
-  border-radius: 8px;
-  padding: 1.5rem;
-  font-family: "Fira Code", "Courier New", monospace;
-  font-size: 14px;
+  font-family: "IosevkaTermSlab Nerd Font Mono", "Fira Code", "Courier New", monospace;
   color: #e0e0e0;
-  height: 300px;
+  background: #1a1a1a;
+  font-size: 14px;
+  height: 4rem;
+  padding: 1.5rem;
+  border-radius: 8px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }
 

scss/_footer.scss

@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .footer {
   position: fixed;
   bottom: 0;

scss/_preview.scss

@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .preview {
   margin-left: $sidebar-width;
   padding: 2rem;
@@ -6,13 +8,13 @@
   background: $bg-light;
 
   .terminal-preview {
-    background: $bg-dark;
-    border-radius: 8px;
-    padding: 1.5rem;
-    font-family: 'Fira Code', 'Courier New', monospace;
-    font-size: 14px;
+    font-family: 'IosevkaTermSlab Nerd Font Mono', 'Fira Code', 'Courier New', monospace;
     color: $text-color;
-    height: 300px;
+    background: $bg-dark;
+    font-size: 14px;
+    height: 4rem;
+    padding: 1.5rem;
+    border-radius: 8px;
     //width: 100%;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
   }

scss/_sidebar.scss

@@ -1,3 +1,5 @@
+@use 'vars' as *;
+
 .sidebar {
   width: $sidebar-width;
   height: calc(100vh - $footer-height);

scss/main.scss

@@ -1,7 +1,7 @@
-@import 'vars';
-@import 'sidebar';
-@import 'preview';
-@import 'footer';
+@use 'vars' as *;
+@use 'sidebar';
+@use 'preview';
+@use 'footer';
 
 * {
   margin: 0;