diff --git a/tests/dummy/app/styles/app.scss b/tests/dummy/app/styles/app.scss
index c0ad825b..62ed7e7f 100644
--- a/tests/dummy/app/styles/app.scss
+++ b/tests/dummy/app/styles/app.scss
@@ -1,10 +1,10 @@
-@import 'variables/variables';
+@use 'variables/variables' as *;
 
-@import 'components/components';
-@import 'object-patterns/object-patterns';
-@import 'pages/pages';
-@import 'typography/typography';
-@import 'utilities/utilities';
+@use 'components/components';
+@use 'object-patterns/object-patterns';
+@use 'pages/pages';
+@use 'typography/typography';
+@use 'utilities/utilities';
 
 html {
   font-size: 100%;
@@ -34,9 +34,6 @@ ul {
   background-color: $theme-color__offWhite;
   z-index: 1;
 
-  .application__header {
-  }
-
   .application__main-content {
     min-width: $min-width__main-content;
   }
diff --git a/tests/dummy/app/styles/components/_button.scss b/tests/dummy/app/styles/components/_button.scss
index 7fce7f9d..1ac72809 100644
--- a/tests/dummy/app/styles/components/_button.scss
+++ b/tests/dummy/app/styles/components/_button.scss
@@ -1,3 +1,6 @@
+@use '../variables/variables' as *;
+
+
 .c-button {
   display: flex;
   font-size: 1em;
diff --git a/tests/dummy/app/styles/components/_components.scss b/tests/dummy/app/styles/components/_components.scss
index 9b2ddd8d..f796f34e 100644
--- a/tests/dummy/app/styles/components/_components.scss
+++ b/tests/dummy/app/styles/components/_components.scss
@@ -1,5 +1,5 @@
-@import 'button';
-@import 'image';
-@import 'menu-link-item';
-@import 'radio-track';
-@import 'violations-grid-item';
+@use 'button';
+@use 'image';
+@use 'menu-link-item';
+@use 'radio-track';
+@use 'violations-grid-item';
diff --git a/tests/dummy/app/styles/components/_menu-link-item.scss b/tests/dummy/app/styles/components/_menu-link-item.scss
index e313a9cd..8d613d57 100644
--- a/tests/dummy/app/styles/components/_menu-link-item.scss
+++ b/tests/dummy/app/styles/components/_menu-link-item.scss
@@ -1,3 +1,5 @@
+@use '../variables/variables' as *;
+
 .c-menu-link-item {
   height: 3.25em;
   position: relative;
diff --git a/tests/dummy/app/styles/components/_radio-track.scss b/tests/dummy/app/styles/components/_radio-track.scss
index dd919b59..93afcd80 100644
--- a/tests/dummy/app/styles/components/_radio-track.scss
+++ b/tests/dummy/app/styles/components/_radio-track.scss
@@ -1,4 +1,5 @@
 @use 'sass:math';
+@use '../variables/variables' as *;
 
 $height__radio-selector-track-container: 4rem;
 $height__radio-selector-track-circle: $height__radio-selector-track-container *
diff --git a/tests/dummy/app/styles/components/_violations-grid-item.scss b/tests/dummy/app/styles/components/_violations-grid-item.scss
index ab8a919b..38cc5bfa 100644
--- a/tests/dummy/app/styles/components/_violations-grid-item.scss
+++ b/tests/dummy/app/styles/components/_violations-grid-item.scss
@@ -1,3 +1,5 @@
+@use '../variables/variables' as *;
+
 .c-violations-grid-item {
   box-shadow: $box-shadow__card;
 
diff --git a/tests/dummy/app/styles/object-patterns/_content-box.scss b/tests/dummy/app/styles/object-patterns/_content-box.scss
index 0dc376ef..46edfa6f 100644
--- a/tests/dummy/app/styles/object-patterns/_content-box.scss
+++ b/tests/dummy/app/styles/object-patterns/_content-box.scss
@@ -1,3 +1,5 @@
+@use '../variables/variables' as *;
+
 .o-content-box {
   box-sizing: border-box;
   padding: $padding__content-box;
diff --git a/tests/dummy/app/styles/object-patterns/_object-patterns.scss b/tests/dummy/app/styles/object-patterns/_object-patterns.scss
index 4a1c73ac..6bf908bf 100644
--- a/tests/dummy/app/styles/object-patterns/_object-patterns.scss
+++ b/tests/dummy/app/styles/object-patterns/_object-patterns.scss
@@ -4,5 +4,5 @@
  * @see: https://www.google.com/search?q=object+orieinted+css&oq=object+orieinted+css&aqs=chrome..69i57j0l5.3247j0j7&sourceid=chrome&ie=UTF-8
  */
 
-@import 'content-box';
-@import 'menu-link';
+@use 'content-box';
+@use 'menu-link';
diff --git a/tests/dummy/app/styles/pages/_pages.scss b/tests/dummy/app/styles/pages/_pages.scss
index 138bc9e3..ececbcd9 100644
--- a/tests/dummy/app/styles/pages/_pages.scss
+++ b/tests/dummy/app/styles/pages/_pages.scss
@@ -1 +1 @@
-@import 'violations';
+@use 'violations';
diff --git a/tests/dummy/app/styles/pages/_violations.scss b/tests/dummy/app/styles/pages/_violations.scss
index 22f9f5c7..bcdd5efe 100644
--- a/tests/dummy/app/styles/pages/_violations.scss
+++ b/tests/dummy/app/styles/pages/_violations.scss
@@ -1,3 +1,5 @@
+@use '../variables/variables' as *;
+
 $width__grid-item: 24rem;
 $height__grid-item: $width__grid-item * 0.55;
 $margin__grid-item--vertical: 0.5em;
diff --git a/tests/dummy/app/styles/typography/_headings.scss b/tests/dummy/app/styles/typography/_headings.scss
index 909f34ae..b9461239 100644
--- a/tests/dummy/app/styles/typography/_headings.scss
+++ b/tests/dummy/app/styles/typography/_headings.scss
@@ -1,3 +1,5 @@
+@use '../variables/variables' as *;
+
 h1,
 h2,
 h3,