From 9cbcfa47201eb4556142c91f1ee5b7f522c9efb2 Mon Sep 17 00:00:00 2001
From: Samuel Gunter <29130894+Samathingamajig@users.noreply.github.com>
Date: Tue, 31 Dec 2024 20:43:40 -0600
Subject: [PATCH] chore: migrate to new scss import syntax (#478)

Co-authored-by: Long Phan <75595656+Wizardbacon13@users.noreply.github.com>
---
 .../common/ExtensionRoot/ExtensionRoot.module.scss           | 5 +++--
 src/views/components/injected/AutoLoad/AutoLoad.module.scss  | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss b/src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss
index fbdc62c3..d9221ddb 100644
--- a/src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss
+++ b/src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss
@@ -1,8 +1,9 @@
-@import 'src/views/styles/base.module.scss';
+@use 'sass:meta';
+@use 'src/views/styles/base.module.scss';
 
 @layer base {
     .extensionRoot {
-        @import 'tailwind-compat';
+        @include meta.load-css('tailwind-compat');
     }
 
     span {
diff --git a/src/views/components/injected/AutoLoad/AutoLoad.module.scss b/src/views/components/injected/AutoLoad/AutoLoad.module.scss
index db7d5f02..fbb7422f 100644
--- a/src/views/components/injected/AutoLoad/AutoLoad.module.scss
+++ b/src/views/components/injected/AutoLoad/AutoLoad.module.scss
@@ -1,4 +1,4 @@
-@import 'src/views/styles/base.module.scss';
+@use 'src/views/styles/base.module.scss';
 
 .autoLoad {
     display: flex;