refactor: 迁移 sass 模块语法

src/components/spec-popup/index.vue

@@ -149,5 +149,5 @@ const { tagClass } = useSpecPopup()
 </script>
 
 <style lang="scss">
-@import './styles/index.scss';
+@use './styles/index.scss';
 </style>

src/components/spec-popup/styles/base.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/variables';
+@use '../../../styles/variables' as *;
 
 .spec-popup {
   position: fixed;

src/components/spec-popup/styles/footer.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/variables';
+@use '../../../styles/variables' as *;
 
 .spec-popup__footer {
   padding: 14px 20px;

src/components/spec-popup/styles/header.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/variables';
+@use '../../../styles/variables' as *;
 
 .spec-popup__header {
   display: flex;

src/components/spec-popup/styles/index.scss

@@ -1,5 +1,5 @@
-@import './base.scss';
-@import './header.scss';
-@import './options.scss';
-@import './stepper.scss';
-@import './footer.scss';
+@forward './base.scss';
+@forward './header.scss';
+@forward './options.scss';
+@forward './stepper.scss';
+@forward './footer.scss';

src/components/spec-popup/styles/options.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/variables';
+@use '../../../styles/variables' as *;
 
 .spec-popup__group {
   padding: 16px 20px;

src/components/spec-popup/styles/stepper.scss

@@ -1,4 +1,4 @@
-@import '../../../styles/variables';
+@use '../../../styles/variables' as *;
 
 .spec-popup__stepper-row {
   display: flex;