chore: scss use

Author: bluwy

playground/vue-sourcemap/SassWithImport.vue

@@ -4,7 +4,7 @@
 </template>
 
 <style lang="sass">
-@import './sassWithImportImported'
+@use './sassWithImportImported'
 
 .sass-with-import
   color: red

playground/vue-sourcemap/__tests__/__snapshots__/vue-sourcemap.spec.ts.snap

@@ -268,7 +268,7 @@ exports[`serve:vue-sourcemap > sass with import > serve-sass-with-import 1`] = `
 </template>
 
 <style lang="sass">
-@import './sassWithImportImported'
+@use './sassWithImportImported'
 
 .sass-with-import
   color: red
@@ -308,7 +308,7 @@ exports[`serve:vue-sourcemap > src imported sass > serve-src-imported-sass 1`] =
     ".src-import-sass-imported
   color: red
 ",
-    "@import './src-import-imported'
+    "@use './src-import-imported'
 
 .src-import-sass
   color: red

playground/vue-sourcemap/src-import/src-import.sass

@@ -1,4 +1,4 @@
-@import './src-import-imported'
+@use './src-import-imported'
 
 .src-import-sass
   color: red