diff --git a/vite.config.js b/vite.config.js
index 2bd70e0..78bb89e 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -106,8 +106,9 @@ export default ({ mode }) =>
     css: {
       preprocessorOptions: {
         scss: {
-          charset: false,
-          additionalData: `@import "./src/style/global.scss";`,
+          api: 'modern',
+          additionalData: `@use "./src/style/global.scss" as *;`,
+          silenceDeprecations: ["legacy-js-api"],
         },
       },
     },