perf: 优化template-admin-ts自带样式导入逻辑

src/layouts/Basic.vue

@@ -102,9 +102,9 @@ provide('toggleDrawerMenu', () => {
   </a-layout>
 </template>
 
-<style scoped lang="less">
-@nav-size-height: 72px;
-@layout-max-width: 1100px;
+<style scoped lang="scss">
+$nav-size-height: 72px;
+$layout-max-width: 1100px;
 
 .layout {
   width: 100%;
@@ -116,7 +116,7 @@ provide('toggleDrawerMenu', () => {
   left: 0;
   z-index: 100;
   width: 100%;
-  height: @nav-size-height;
+  height: $nav-size-height;
 }
 .layout-sider {
   position: fixed;

src/layouts/NotFound.vue

@@ -14,7 +14,7 @@ const back = () => {
   </div>
 </template>
 
-<style scoped lang="less">
+<style scoped lang="scss">
 .content {
   position: absolute;
   top: 50%;

src/layouts/Page.vue

@@ -26,7 +26,7 @@ const routerKey = computed(() => {
   </router-view>
 </template>
 
-<style lang="less" scoped>
+<style lang="scss" scoped>
 .footer {
   margin: 20px;
   width: 98%;