fix(stage-ui,stage-web,stage-tamagotchi): font weight issue

Co-authored-by: LiliumNeko <30291104+liliumneko@users.noreply.github.com>

apps/stage-tamagotchi/src/pages/settings/airi-card/components/CardListItem.vue

@@ -44,7 +44,7 @@ const emit = defineEmits<{
     >
       <!-- Card header (name and badge) -->
       <div z-1 flex items-start justify-between gap-2>
-        <h3 flex-1 truncate text-lg font-thin>
+        <h3 flex-1 truncate text-lg font-normal>
           {{ name }}
         </h3>
         <div v-if="isActive" shrink-0 rounded-md p-1 bg="primary-100 dark:primary-900/40" text="primary-600 dark:primary-400">

apps/stage-tamagotchi/src/pages/settings/appearance/index.vue

@@ -34,7 +34,7 @@ const settings = computed(() => [
 </script>
 
 <template>
-  <div flex="~ col gap-4" font-thin>
+  <div flex="~ col gap-4" font-normal>
     <div />
     <div flex="~ col gap-4">
       <IconItem

apps/stage-tamagotchi/src/pages/settings/index.vue

@@ -106,7 +106,7 @@ const settings = computed(() => [
 </script>
 
 <template>
-  <div flex="~ col gap-4" font-thin>
+  <div flex="~ col gap-4" font-normal>
     <div />
     <div flex="~ col gap-4">
       <IconItem

apps/stage-web/src/pages/settings/airi-card/components/CardListItem.vue

@@ -44,7 +44,7 @@ const emit = defineEmits<{
     >
       <!-- Card header (name and badge) -->
       <div z-1 flex items-start justify-between gap-2>
-        <h3 flex-1 truncate text-lg font-thin>
+        <h3 flex-1 truncate text-lg font-normal>
           {{ name }}
         </h3>
         <div v-if="isActive" shrink-0 rounded-md p-1 bg="primary-100 dark:primary-900/40" text="primary-600 dark:primary-400">

apps/stage-web/src/pages/settings/appearance/index.vue

@@ -28,7 +28,7 @@ const settings = computed(() => [
 </script>
 
 <template>
-  <div flex="~ col gap-4" font-thin>
+  <div flex="~ col gap-4" font-normal>
     <div />
     <div flex="~ col gap-4">
       <IconItem

apps/stage-web/src/pages/settings/index.vue

@@ -106,7 +106,7 @@ const settings = computed(() => [
 </script>
 
 <template>
-  <div flex="~ col gap-4" font-thin>
+  <div flex="~ col gap-4" font-normal>
     <div />
     <div flex="~ col gap-4">
       <IconItem

packages/stage-ui/src/components/Menu/IconItem.vue

@@ -22,7 +22,7 @@ defineProps<{
     :to="to"
   >
     <div z-1 flex-1>
-      <div text-lg font-thin class="menu-icon-item-title" transition="all ease-in-out duration-400">
+      <div text-lg font-normal class="menu-icon-item-title" transition="all ease-in-out duration-400">
         {{ title }}
       </div>
       <div

packages/stage-ui/src/components/Menu/IconStatusItem.vue

@@ -30,7 +30,7 @@ const props = defineProps<{
     >
       <div z-1 flex-1>
         <div
-          text-lg font-thin
+          text-lg font-normal
           class="menu-icon-status-item-title"
           transition="all ease-in-out duration-400"
         >

packages/stage-ui/src/components/Menu/RadioCardDetail.vue

@@ -80,7 +80,7 @@ function toggleExpansion() {
     <div class="w-full flex flex-col gap-2">
       <div class="flex items-center">
         <span
-          class="line-clamp-1 font-thin"
+          class="line-clamp-1 font-normal"
           :class="[
             modelValue === value
               ? 'text-neutral-700 dark:text-neutral-300'

packages/stage-ui/src/components/Menu/RadioCardSimple.vue

@@ -48,7 +48,7 @@ const modelValue = defineModel<string>({ required: true })
     </div>
     <div flex="~ col" min-h-16 w-full items-start justify-center pb-2 pl-5 pr-4 pt-2>
       <span
-        class="radio-item-name font-thin"
+        class="radio-item-name font-normal"
         text="md"
         :class="[
           modelValue === value