Docs Sass modules

site/src/scss/_brand.scss

@@ -1,6 +1,7 @@
 @use "../../../scss/config" as *;
 @use "../../../scss/colors" as *;
 @use "../../../scss/layout/breakpoints" as *;
+@use "variables" as *;
 
 
 //

site/src/scss/_buttons.scss

@@ -1,5 +1,6 @@
 @use "../../../scss/config" as *;
 @use "../../../scss/colors" as *;
+@use "variables" as *;
 
 // Buttons
 //

site/src/scss/_callouts.scss

@@ -1,5 +1,6 @@
 @use "../../../scss/config" as *;
 @use "../../../scss/colors" as *;
+@use "variables" as *;
 
 //
 // Callouts

site/src/scss/_component-examples.scss

@@ -4,6 +4,7 @@
 @use "../../../scss/layout/breakpoints" as *;
 @use "../../../scss/mixins/clearfix" as *;
 @use "../../../scss/mixins/border-radius" as *;
+@use "variables" as *;
 
 //
 // Docs examples

site/src/scss/_layout.scss

@@ -1,5 +1,6 @@
 @use "../../../scss/config" as *;
 @use "../../../scss/layout/breakpoints" as *;
+@use "variables" as *;
 
 .bd-gutter {
   --bs-gutter-x: #{$bd-gutter-x};

site/src/scss/_skippy.scss

@@ -1,4 +1,5 @@
 @use "../../../scss/colors" as *;
+@use "variables" as *;
 
 .skippy {
   background-color: $bd-purple;

site/src/scss/docs.scss

@@ -23,39 +23,39 @@
 // Happy Bootstrapping!
 
 // Load Bootstrap variables and mixins
-// @import "../../../scss/config";
-// @import "../../../scss/colors";
-// @import "../../../scss/functions";
-// @import "../../../scss/mixins";
-// @import "../../../scss/variables";
-// @import "../../../scss/layout/breakpoints";
+// @use "../../../scss/config";
+// @use "../../../scss/colors";
+// @use "../../../scss/functions";
+// @use "../../../scss/mixins";
+// @use "../../../scss/variables";
+// @use "../../../scss/layout/breakpoints";
 
 // // fusv-disable
 // $enable-grid-classes: false;
 // $enable-cssgrid: true;
 // // fusv-enable
-// @import "../../../scss/layout/";
+// @use "../../../scss/layout/";
 
 // Load docs components
-@import "variables";
-@import "navbar";
-@import "masthead";
-@import "ads";
-@import "content";
-@import "skippy";
-@import "sidebar";
-@import "layout";
-@import "toc";
-@import "footer";
-@import "component-examples";
-@import "buttons";
-@import "callouts";
-@import "brand";
-@import "colors";
-@import "clipboard-js";
-@import "placeholder-img";
-@import "scrolling";
+@use "variables";
+@use "navbar";
+@use "masthead";
+@use "ads";
+@use "content";
+@use "skippy";
+@use "sidebar";
+@use "layout";
+@use "toc";
+@use "footer";
+@use "component-examples";
+@use "buttons";
+@use "callouts";
+@use "brand";
+@use "colors";
+@use "clipboard-js";
+@use "placeholder-img";
+@use "scrolling";
 
 // Load docs dependencies
-@import "syntax";
-@import "anchor";
+@use "syntax";
+@use "anchor";