diff --git a/.gitignore b/.gitignore
index 314faa9..7bbcc2e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,6 +27,7 @@ dist-ssr
 /build
 .env.local
 .env
+.dev.vars
 *.vars
 .wrangler
 _worker.bundle
diff --git a/app/styles/components/resize-handle.scss b/app/styles/components/resize-handle.scss
index 0b75009..bed9869 100644
--- a/app/styles/components/resize-handle.scss
+++ b/app/styles/components/resize-handle.scss
@@ -1,3 +1,5 @@
+@use "../z-index";
+
 [data-resize-handle] {
   position: relative;
 
@@ -8,7 +10,7 @@
     bottom: 0;
     left: -6px;
     right: -5px;
-    z-index: $zIndexMax;
+    z-index: z-index.$zIndexMax;
   }
 
   &[data-panel-group-direction='vertical']:after {
@@ -18,7 +20,7 @@
     right: 0;
     top: -5px;
     bottom: -6px;
-    z-index: $zIndexMax;
+    z-index: z-index.$zIndexMax;
   }
 
   &[data-resize-handle-state='hover']:after,
diff --git a/app/styles/index.scss b/app/styles/index.scss
index a45d65a..36ebac2 100644
--- a/app/styles/index.scss
+++ b/app/styles/index.scss
@@ -1,11 +1,11 @@
-@import './variables.scss';
-@import './z-index.scss';
-@import './animations.scss';
-@import './components/terminal.scss';
-@import './components/resize-handle.scss';
-@import './components/code.scss';
-@import './components/editor.scss';
-@import './components/toast.scss';
+@use 'variables.scss';
+@use 'z-index.scss';
+@use 'animations.scss';
+@use 'components/terminal.scss';
+@use 'components/resize-handle.scss';
+@use 'components/code.scss';
+@use 'components/editor.scss';
+@use 'components/toast.scss';
 
 html,
 body {
diff --git a/package.json b/package.json
index 5e85922..04234eb 100644
--- a/package.json
+++ b/package.json
@@ -97,9 +97,7 @@
   "devDependencies": {
     "@blitz/eslint-plugin": "0.1.0",
     "@cloudflare/workers-types": "^4.20241127.0",
-    "@jridgewell/sourcemap-codec": "^1.5.0",
     "@remix-run/dev": "^2.15.0",
-    "@rollup/plugin-inject": "^5.0.5",
     "@types/diff": "^5.2.3",
     "@types/file-saver": "^2.0.7",
     "@types/js-cookie": "^3.0.6",