refactor: replace @import with @use/@forward to remove Sass deprecation warnings

src/scss/_closeButton.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 .#{$vt-namespace}__close-button {
   font-weight: bold;
   font-size: 24px;

src/scss/_icon.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 .#{$vt-namespace}__icon {
   margin: auto 18px auto 0px;
   background: transparent;

src/scss/_mixins.scss

@@ -0,0 +1,4 @@
+$trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
+@mixin timing-function {
+  animation-timing-function: $trans-cubic-bezier;
+}

src/scss/_progressBar.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 @keyframes scale-x-frames {
   0% {
     transform: scaleX(1);

src/scss/_toast.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 .#{$vt-namespace}__toast {
   display: inline-flex;
   position: relative;

src/scss/_toastContainer.scss

@@ -1,5 +1,5 @@
 @use "sass:math";
-
+@use "variables" as *;
 .#{$vt-namespace}__container {
   z-index: $vt-z-index;
   position: fixed;

src/scss/animations/_bounce.scss

@@ -1,9 +1,6 @@
 // Bounce Animation taken from https://github.com/fkhadra/react-toastify
-$trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
-@mixin timing-function {
-  animation-timing-function: $trans-cubic-bezier;
-}
-
+@use "../variables" as *;
+@use "../mixins" as *;
 @keyframes bounceInRight {
   from,
   60%,

src/scss/animations/_fade.scss

@@ -1,12 +1,9 @@
-$trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
-@mixin timing-function {
-  animation-timing-function: $trans-cubic-bezier;
-}
-
+@use "../variables" as *;
+@use "../mixins" as *;
 /* ----------------------------------------------
  * Modified version from Animista
  * Animista is Licensed under FreeBSD License.
- * See http://animista.net/license for more info. 
+ * See http://animista.net/license for more info.
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
 

src/scss/animations/_slideBlurred.scss

@@ -1,12 +1,10 @@
-$trans-cubic-bezier: cubic-bezier(0.215, 0.61, 0.355, 1);
-@mixin timing-function {
-  animation-timing-function: $trans-cubic-bezier;
-}
+@use "../variables" as *;
+@use "../mixins" as *;
 
 /* ----------------------------------------------
  * Modified version from Animista
  * Animista is Licensed under FreeBSD License.
- * See http://animista.net/license for more info. 
+ * See http://animista.net/license for more info.
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
 

src/scss/index.scss

@@ -1,12 +1,13 @@
 @charset "UTF-8";
 
-@import "variables";
-@import "toastContainer";
-@import "toast";
-@import "closeButton";
-@import "progressBar";
-@import "icon";
+@forward "variables";
+@forward "toastContainer";
+@forward "toast";
+@forward "closeButton";
+@forward "progressBar";
+@forward "icon";
+
+@forward "animations/bounce";
+@forward "animations/fade";
+@forward "animations/slideBlurred";
 
-@import "animations/bounce";
-@import "animations/fade";
-@import "animations/slideBlurred";