From 251436304e35c367b708ae9fd611480c3e0e7bd1 Mon Sep 17 00:00:00 2001
From: Prince Wilson <maxcell.wilson@gmail.com>
Date: Mon, 27 Jun 2022 10:40:41 -0400
Subject: [PATCH] fix: Utilize @use instead of @import due to deprecation

Found through Sass documentation on @import https://sass-lang.com/documentation/at-rules/import
---
 src/css/main.scss | 102 +++++++++++++++++++++++-----------------------
 1 file changed, 51 insertions(+), 51 deletions(-)

diff --git a/src/css/main.scss b/src/css/main.scss
index 077cb746a..c27a7fc33 100644
--- a/src/css/main.scss
+++ b/src/css/main.scss
@@ -25,63 +25,63 @@
 
 
 /* External Library Includes */
-@import './imports/_reset';
+@use './imports/_reset';
 
 /* Modules */
-@import './imports/_box-sizing';
-@import './imports/_images';
-@import './imports/_background-size';
-@import './imports/_background-position';
-@import './imports/_outlines';
-@import './imports/_borders';
-@import './imports/_border-radius';
-@import './imports/_border-style';
-@import './imports/_border-widths';
-@import './imports/_border-colors';
-@import './imports/_code';
-@import './imports/_coordinates';
-@import './imports/_clears';
-@import './imports/_display';
-@import './imports/_flexbox';
-@import './imports/_floats';
-@import './imports/_font-style';
-@import './imports/_font-weight';
-@import './imports/_forms';
-@import './imports/_heights';
-@import './imports/_line-height';
-@import './imports/_links';
-@import './imports/_lists';
-@import './imports/_max-widths';
-@import './imports/_widths';
-@import './imports/_overflow';
-@import './imports/_position';
-@import './imports/_opacity';
-@import './imports/_spacing';
-@import './imports/_text-decoration';
-@import './imports/_text-align';
-@import './imports/_text-transform';
-@import './imports/_type-scale';
-@import './imports/_typography';
-@import './imports/_utilities';
-@import './imports/_visibility';
-@import './imports/_white-space';
-@import './imports/_vertical-align';
-@import './imports/_states';
-@import './imports/_z-index';
-@import './imports/_styles';
-@import './imports/_buttons';
-@import './imports/_svg';
-@import './imports/_cms';
+@use './imports/_box-sizing';
+@use './imports/_images';
+@use './imports/_background-size';
+@use './imports/_background-position';
+@use './imports/_outlines';
+@use './imports/_borders';
+@use './imports/_border-radius';
+@use './imports/_border-style';
+@use './imports/_border-widths';
+@use './imports/_border-colors';
+@use './imports/_code';
+@use './imports/_coordinates';
+@use './imports/_clears';
+@use './imports/_display';
+@use './imports/_flexbox';
+@use './imports/_floats';
+@use './imports/_font-style';
+@use './imports/_font-weight';
+@use './imports/_forms';
+@use './imports/_heights';
+@use './imports/_line-height';
+@use './imports/_links';
+@use './imports/_lists';
+@use './imports/_max-widths';
+@use './imports/_widths';
+@use './imports/_overflow';
+@use './imports/_position';
+@use './imports/_opacity';
+@use './imports/_spacing';
+@use './imports/_text-decoration';
+@use './imports/_text-align';
+@use './imports/_text-transform';
+@use './imports/_type-scale';
+@use './imports/_typography';
+@use './imports/_utilities';
+@use './imports/_visibility';
+@use './imports/_white-space';
+@use './imports/_vertical-align';
+@use './imports/_states';
+@use './imports/_z-index';
+@use './imports/_styles';
+@use './imports/_buttons';
+@use './imports/_svg';
+@use './imports/_cms';
 
 /* Variables */
 /* Importing here will allow you to override any variables in the modules */
-@import './imports/_colors';
-@import './imports/_media-queries';
-@import './imports/_variables';
+@use './imports/_colors';
+@use './imports/_media-queries';
+@use './imports/_variables';
 
 /* Debugging */
-@import './imports/_debug-children';
-@import './imports/_debug-grid';
+@use './imports/_debug-children';
+@use './imports/_debug-grid';
 
 /* Uncomment out the line below to help debug layout issues */
-/*@import './imports/_debug';*/
+/*@use './imports/_debug';*/