diff --git a/vite.config.production.ts b/vite.config.production.ts
index bec029a20..b572674bd 100644
--- a/vite.config.production.ts
+++ b/vite.config.production.ts
@@ -71,7 +71,7 @@ export const config: UserConfigFn = () => {
       preprocessorOptions: {
         scss: {
           additionalData: hoistUseStatements(`
-            @import "@kong/design-tokens/tokens/scss/variables";
+            @use "@kong/design-tokens/tokens/scss/variables" as *;
           `),
           api: 'modern-compiler',
         },