diff --git a/svelte.config.js b/svelte.config.js
index b56913d..2d1568a 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -6,9 +6,6 @@ export default {
   preprocess: [
     sveltePreprocess({
       postcss: true,
-      scss: {
-        prependData: '@use "src/variables.scss" as *;'
-      },
       sourceMap: !!process.env.TAURI_DEBUG
     })
   ]
diff --git a/vite.config.ts b/vite.config.ts
index a4f594d..21aa68f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,17 +5,9 @@ import { resolve } from 'node:path';
 export default defineConfig({
   plugins: [svelte()],
 
-  css: {
-    preprocessorOptions: {
-      scss: {
-        additionalData: '@use "src/styles/variables.scss" as *;'
-      }
-    }
-  },
-
   resolve: {
     alias: {
-      $styles: resolve('src/styles/app.scss'),
+      $styles: resolve('src/styles/app.postcss'),
       $lib: resolve('src/lib/'),
       $src: resolve('src/'),
       $assets:resolve('src/assets/')