fix[close #187]: replace @import with @use

Author: GabsEdits

src/styles/_common.scss

@@ -1,4 +1,4 @@
-@import "variables";
+@use "variables";
 
 img,
 svg,

src/styles/_typography.scss

@@ -1,3 +1,5 @@
+@use "variables";
+
 /* Variables */
 
 :root {

src/styles/components/_images.scss

@@ -1,4 +1,4 @@
-@import "../variables";
+@use "../variables";
 
 @mixin static {
   transition: none;

src/styles/index.scss

@@ -6,20 +6,20 @@
  * A VitePress theme (https://vitepress.dev) & inspired by Duckquill (https://duckquill.daudix.one)
  */
 
-@import "common";
-@import "medias";
-@import "typography";
-@import "color";
-@import "variables";
+@use "common";
+@use "medias";
+@use "typography";
+@use "color";
+@use "variables";
 
 /* Components */
 
-@import "components/cards";
-@import "components/semantics";
-@import "components/table";
-@import "components/images";
-@import "components/links";
-@import "components/list";
+@use "components/cards";
+@use "components/semantics";
+@use "components/table";
+@use "components/images";
+@use "components/links";
+@use "components/list";
 
 /* Plugins */