refactor: use SASS @use over @import

apps/website/vite.config.ts

@@ -1,15 +1,16 @@
-import type { UserConfig } from 'vite'
+import { defineConfig } from 'vite'
 import { sveltekit } from '@sveltejs/kit/vite'
-import { scssImports } from './svelte.config'
+import { globalStyles } from './svelte.config'
 
-const config: UserConfig = {
+export default defineConfig({
     plugins: [
         sveltekit()
     ],
     css: {
         preprocessorOptions: {
             scss: {
-                additionalData: scssImports,
+                additionalData: globalStyles,
+                api: 'modern',
             }
         }
     },
@@ -18,6 +19,4 @@ const config: UserConfig = {
             transformMixedEsModules: true,
         }
     },
-}
-
-export default config
+})