diff --git a/src/scss/core/_base.scss b/src/scss/core/_base.scss
index 4bb40b87..60d103e0 100644
--- a/src/scss/core/_base.scss
+++ b/src/scss/core/_base.scss
@@ -1,5 +1,5 @@
-@import "./reset";
-@import "./global";
+@use "./reset";
+@use "./global" as *;
 
 /**
  * Global styles/variables
diff --git a/src/scss/core/components/_consent-modal.scss b/src/scss/core/components/_consent-modal.scss
index d7d536a7..0e222793 100644
--- a/src/scss/core/components/_consent-modal.scss
+++ b/src/scss/core/components/_consent-modal.scss
@@ -1,4 +1,4 @@
-@import "../global";
+@use "../global" as *;
 
 $sections-padding-y: 1rem;
 $sections-padding-x: 1.3rem;
diff --git a/src/scss/core/components/_preferences-modal.scss b/src/scss/core/components/_preferences-modal.scss
index 7fe026de..a0983776 100644
--- a/src/scss/core/components/_preferences-modal.scss
+++ b/src/scss/core/components/_preferences-modal.scss
@@ -1,4 +1,4 @@
-@import "../global";
+@use "../global" as *;
 
 $padding-y: 1em;
 $padding-x: 1.4em;
diff --git a/src/scss/index.scss b/src/scss/index.scss
index ed44b10f..07e0cec5 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -1,5 +1,5 @@
-@import "./core/base";
-@import "./abstracts/light-color-scheme";
-@import "./abstracts/dark-color-scheme";
-@import "./core/components/consent-modal";
-@import "./core/components/preferences-modal";
\ No newline at end of file
+@use "./core/base";
+@use "./abstracts/light-color-scheme";
+@use "./abstracts/dark-color-scheme";
+@use "./core/components/consent-modal";
+@use "./core/components/preferences-modal";
\ No newline at end of file