diff --git a/website/src/css/_history.scss b/website/src/css/_history.scss
index 8154f92882..ada59f2a1b 100644
--- a/website/src/css/_history.scss
+++ b/website/src/css/_history.scss
@@ -1,3 +1,5 @@
+@use 'mixins' as *;
+
 details {
   &.history {
     // Reset Docusaurus styles
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index 8669a0f886..e96cd0658c 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -1,4 +1,5 @@
-@import 'mixins';
+@use 'sass:meta' as *;
+@use 'mixins' as *;
 
 :root {
   --ifm-color-primary: #45aaf2;
@@ -93,7 +94,7 @@ pre[class*='language-'] {
 }
 
 // Components
-@import './loading';
-@import './history';
-@import './stability/main';
-@import './faq';
+@include load-css('loading');
+@include load-css('history');
+@include load-css('stability/main');
+@include load-css('faq');
diff --git a/website/src/css/stability/_main.scss b/website/src/css/stability/_main.scss
index 0a0009b8f4..92d9e64054 100644
--- a/website/src/css/stability/_main.scss
+++ b/website/src/css/stability/_main.scss
@@ -1,3 +1,6 @@
+@use 'sass:meta' as *;
+@use '../mixins' as *;
+
 section {
   &.stability {
     @include flex(column);
@@ -55,5 +58,5 @@ section {
 }
 
 // Themes
-@import 'light';
-@import 'dark';
+@include load-css('light');
+@include load-css('dark');