style: fix style utility class inconsistencies and correct CSS syntax

Clean up style-related code across all components:
- Replace deprecated color-* classes with text-[color]/text-white equivalents
- Remove redundant border-box declarations and fix broken empty box-sizing rule
- Correct invalid rounded corner class syntax
- Standardize line-height to leading-[value] utilities
- Uniform margin and padding notation to [xxpx] format

src/components/Stepper/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="stepper-wrapper border-box flex flex-items-center rounded-8">
+  <div class="stepper-wrapper  flex flex-items-center rounded-8">
     <uni-icons type="minus" size="24" color="#D1D1D1" @click="decrease" />
-    <text class="stepper-text text-center text-[14px] font-500 color-000 ml-4 mr-4">
+    <text class="stepper-text text-center text-[14px] font-500 color-000 ml-4 mr-[4px]">
       {{ value }} {{ unit }}
     </text>
     <uni-icons type="plus" size="24" color="#198CFF" @click="increase" />