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/pages/home/components/FacilityLocationCard/index.vue

@@ -28,7 +28,7 @@
       </div>
 
       <div
-        class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A color-white font-size-18 font-900"
+        class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white font-size-18 font-900"
         :class="{ 'is-disabled': disabled }" @click="handleAction">
         <span class="facility-location-card__button-icon">{{ action.icon }}</span>
         <span>{{ action.text }}</span>