restruct: updated sass version and rules

vite.config.ts

@@ -1,17 +1,22 @@
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import { VitePWA } from 'vite-plugin-pwa';
+import path from 'path';
 
 export default defineConfig({
-  server: {
-    port: 5001,
-    open: true
-  },
-  preview: {
-    port: 4001,
-    open: true
-  },
+  server: { port: 5123, open: true },
+  preview: { port: 4001, open: true },
   publicDir: 'public',
+  css: {
+    preprocessorOptions: {
+      scss: { additionalData: `@use '@/styles/global';`, silenceDeprecations: ['legacy-js-api'] }
+    }
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    }
+  },
   plugins: [
     vue(),
     VitePWA({
@@ -29,17 +34,12 @@ export default defineConfig({
             handler: 'StaleWhileRevalidate',
             options: {
               cacheName: 'stacjownik-api-cache',
-              cacheableResponse: {
-                statuses: [0, 200]
-              }
+              cacheableResponse: { statuses: [0, 200] }
             }
-          },
+          }
         ]
       },
-      devOptions: {
-        enabled: true,
-        suppressWarnings: true
-      }
+      devOptions: { enabled: true, suppressWarnings: true }
     })
   ],
   build: {