[O] Migrate sass import

AquaNet/src/components/RatingCompSong.svelte

@@ -66,19 +66,19 @@
 </div>
 
 <style lang="sass">
-
-  @import "../vars"
+
+  @use "../vars"
   vars.$gap: 20px
 
   .map-detail-container
-    background-color: rgb(35,35,35)
+    background-color: rgb(35,35,35)
     border-radius: vars.$border-radius
     overflow: hidden
 
     .scores
       display: flex
       flex-direction: column
-      flex-wrap: wrap
+      flex-wrap: wrap
       gap: vars.$gap
 
       // Image and song info
@@ -91,7 +91,7 @@
 
         img
           width: 50px
-          height: 50px
+          height: 50px
           border-radius: vars.$border-radius
           object-fit: cover
 
@@ -118,7 +118,7 @@
           // Make song score and rank not wrap
           > div:last-child
             white-space: nowrap
-
+
           @media (max-width: vars.$w-mobile)
             flex-direction: column
             gap: 0
@@ -127,7 +127,7 @@
               text-align: left
 
         .rank-S
-          // Gold green gradient on text
+          // Gold green gradient on text
           background: vars.$grad-special
           -webkit-background-clip: text
           color: transparent
@@ -142,7 +142,7 @@
           width: 30px
           text-align: center
           background: rgba(var(--lv-color), 0.6)
-          padding: 0 6px
+          padding: 0 6px
           border-radius: 0 vars.$border-radius 0 vars.$border-radius
 
           // Inset shadow, like it's a paper below this card with a cut
@@ -163,5 +163,5 @@
         span.rank-num
           min-width: 60px
         span.dx-change
-          margin-right: 0.5rem
+          margin-right: 0.5rem
           color: vars.$c-good