From 107409750dc7675531c32a2e1a9fc00bc4fb33d5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 19 Jan 2026 22:48:30 +0000
Subject: [PATCH 1/2] Initial plan


From 28a8ee81cee8282f262281fe5cbeeda44411eaa2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 19 Jan 2026 22:52:39 +0000
Subject: [PATCH 2/2] Migrate Sass @import to @use syntax

Co-authored-by: chrisjsewell <2997570+chrisjsewell@users.noreply.github.com>
---
 style/_button.scss    |  1 +
 style/_display.scss   |  2 ++
 style/_grids.scss     |  1 +
 style/_variables.scss |  2 ++
 style/index.scss      | 32 ++++++++++++++++----------------
 5 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/style/_button.scss b/style/_button.scss
index 225f71f..4fe16cd 100644
--- a/style/_button.scss
+++ b/style/_button.scss
@@ -2,6 +2,7 @@
 // Copyright 2011-2019 The Bootstrap Authors
 // Copyright 2011-2019 Twitter, Inc.
 // Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+@use "colors" as *;
 
 .sd-btn {
   background-color: transparent;
diff --git a/style/_display.scss b/style/_display.scss
index f84d6f4..9d0c059 100644
--- a/style/_display.scss
+++ b/style/_display.scss
@@ -1,3 +1,5 @@
+@use "spacing" as *;
+
 .sd-d-none {
   display: none !important;
 }
diff --git a/style/_grids.scss b/style/_grids.scss
index b947fcc..121288d 100644
--- a/style/_grids.scss
+++ b/style/_grids.scss
@@ -4,6 +4,7 @@
 // Copyright 2011-2019 Twitter, Inc.
 // Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 @use 'sass:math';
+@use "spacing" as *;
 
 $gutter-widths: $spacings;
 
diff --git a/style/_variables.scss b/style/_variables.scss
index 1bd363e..6f65d5f 100644
--- a/style/_variables.scss
+++ b/style/_variables.scss
@@ -1,3 +1,5 @@
+@use "colors" as *;
+
 :root {
   // semantic colors
   @each $color, $value in $semantic-colors {
diff --git a/style/index.scss b/style/index.scss
index 3a0abed..5b51f86 100644
--- a/style/index.scss
+++ b/style/index.scss
@@ -1,16 +1,16 @@
-@import './colors';
-@import './spacing';
-@import './sizing';
-@import './display';
-@import './text';
-@import './borders';
-@import './animations';
-@import './badge';
-@import './button';
-@import './icons';
-@import './cards';
-@import './grids';
-@import './dropdown';
-@import './tabs';
-@import './overrides';
-@import './variables'
+@use './colors' as *;
+@use './spacing' as *;
+@use './sizing' as *;
+@use './display' as *;
+@use './text' as *;
+@use './borders' as *;
+@use './animations' as *;
+@use './badge' as *;
+@use './button' as *;
+@use './icons' as *;
+@use './cards' as *;
+@use './grids' as *;
+@use './dropdown' as *;
+@use './tabs' as *;
+@use './overrides' as *;
+@use './variables' as *;