refactor: less to scss

yudao-ui-admin-vue3/src/components/Setting/src/Setting.vue

@@ -288,10 +288,10 @@ const clear = () => {
   </ElDrawer>
 </template>
 
-<style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-setting';
+<style lang="scss" scoped>
+$prefix-cls: #{$namespace}-setting;
 
-.@{prefix-cls} {
+.#{$prefix-cls} {
   border-radius: 6px 0 0 6px;
 }
 </style>

yudao-ui-admin-vue3/src/components/Setting/src/components/ColorRadioPicker.vue

@@ -54,10 +54,10 @@ watch(
   </div>
 </template>
 
-<style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-color-radio-picker';
+<style lang="scss" scoped>
+$prefix-cls: #{$namespace}-color-radio-picker;
 
-.@{prefix-cls} {
+.#{$prefix-cls} {
   .is-active {
     border-color: var(--el-color-primary);
   }

yudao-ui-admin-vue3/src/components/Setting/src/components/LayoutRadioPicker.vue

@@ -59,10 +59,10 @@ const layout = computed(() => appStore.getLayout)
   </div>
 </template>
 
-<style lang="less" scoped>
-@prefix-cls: ~'@{namespace}-layout-radio-picker';
+<style lang="scss" scoped>
+$prefix-cls: #{$namespace}-layout-radio-picker;
 
-.@{prefix-cls} {
+.#{$prefix-cls} {
   &__classic {
     border: 2px solid #e5e7eb;
     border-radius: 4px;