[O] Migrate sass import

AquaNet/src/pages/Home/ImportDataAction.svelte

@@ -126,7 +126,7 @@
 {/if}
 
 <style lang="sass">
-  @import "../../vars"
+  @use "../../vars"
   h3
     font-size: 1.3rem
     margin: 0
@@ -142,7 +142,7 @@
 
     .old
       background: #ff6b6b20
-      border: 1px solid $c-error
+      border: 1px solid vars.$c-error
       color: #ffffff99
       position: relative
 
@@ -151,13 +151,13 @@
         position: absolute
         bottom: 0.5rem
         right: 0.5rem
-        color: $c-error
+        color: vars.$c-error
         opacity: 0.6
         font-size: 2rem
 
     .new
       background: #646cff20
-      border: 1px solid $c-darker
+      border: 1px solid vars.$c-darker
 
   .buttons
     display: grid

AquaNet/src/pages/Home/LinkCard.svelte

@@ -317,7 +317,7 @@
 </div>
 
 <style lang="sass">
-  @import "../../vars"
+  @use "../../vars"
 
   .link-card
     input
@@ -343,7 +343,7 @@
           white-space: nowrap
 
         &.ghost
-          background: rgba($c-darker, 0.8)
+          background: rgba(vars.$c-darker, 0.8)
 
         .register, .last
           opacity: 0.7
@@ -361,10 +361,10 @@
 
     .conflict-cards
       .card
-        transition: $transition
+        transition: vars.$transition
 
       .card:hover
-        background: $c-darker
+        background: vars.$c-darker
 
       span:not(.type)
         font-size: 0.8rem