From ba5a94dd55ae706ee7f90272a4530c7c5e430852 Mon Sep 17 00:00:00 2001
From: Adam DeHaven <adam.dehaven@konghq.com>
Date: Wed, 13 Sep 2023 12:22:02 -0400
Subject: [PATCH] fix: sass imports

---
 src/assets/styles/app.scss |  4 ++++
 vite.config.ts             | 12 ------------
 2 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
index 450922bfe..2db33313c 100644
--- a/src/assets/styles/app.scss
+++ b/src/assets/styles/app.scss
@@ -1,5 +1,9 @@
 /*! KONG_AUTH_INJECT_STYLES */
 
+@use "sass:meta";
+// Import Kong Design Tokens - has to be done here afer `sass:meta`
+@import "@kong/design-tokens/tokens/scss/_variables";
+
 .kong-auth-element {
   // Import Kongponents styles
   @include meta.load-css("@kong/kongponents/dist/style.css");
diff --git a/vite.config.ts b/vite.config.ts
index e7f39113e..c7cbbaa19 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -94,18 +94,6 @@ export default ({ mode }) => {
     ],
     css: {
       devSourcemap: true,
-      preprocessorOptions: {
-        scss: {
-          // We inject `@use "sass:meta" here as it is needed in the `src/assets/styles/app.scss` file before any other style rules.
-          // -----
-          // Inject the @kong/design-tokens SCSS variables to make them available for all components.
-          // This is not needed in host applications.
-          additionalData: `
-            @use "sass:meta";
-            @import "@kong/design-tokens/tokens/scss/variables";
-          `,
-        },
-      },
     },
     resolve: {
       alias: {