refactor: migrate legacy color classes to inline tailwind text utilities

Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.

src/components/RefundPopup/index.vue

@@ -2,7 +2,7 @@
   <uni-popup ref="popupRef" type="bottom" :safe-area="false" @maskClick="handleClose">
     <view class="refund-popup bg-[#f5f7fa] border-box">
       <view class="border-box flex flex-items-center justify-between pt-[12px] pb-[12px] relative">
-        <view class="flex-full font-size-16 color-171717 leading-[24px] text-center">取消政策</view>
+        <view class="flex-full font-size-16 text-[#171717] leading-[24px] text-center">取消政策</view>
         <!-- 关闭按钮 -->
         <uni-icons class="close absolute" type="close" size="20" color="#CACFD8" @click="handleClose" />
       </view>
@@ -12,11 +12,11 @@
           <uni-icons fontFamily="znicons" size="20" color="#333">
             {{ zniconsMap["zn-refund"] }}
           </uni-icons>
-          <text class="font-size-14 font-600 color-171717 ml-8">
+          <text class="font-size-14 font-600 text-[#171717] ml-8">
             {{ refundTitle }}
           </text>
         </view>
-        <view class="font-size-14 color-525866 leading-[16px] mb-4"
+        <view class="font-size-14 text-[#525866] leading-[16px] mb-4"
           v-for="(item, index) in commodityPurchaseInstruction" :key="index">
           {{ item }}
         </view>