fix(shared): align checkbox/radio label typography with toggle; trim check size

- Labels now match the redesigned Switch: font-medium, antialiased,
  typo-footnote, text-secondary at rest → text-primary when selected/hover
  (radio was font-bold/tertiary; checkbox was tertiary).
- Reduce the checkbox check glyph from scale-125 to scale-110.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: tsahimatsliah

packages/shared/src/components/fields/Checkbox.tsx

@@ -51,7 +51,7 @@ export const Checkbox = forwardRef(function Checkbox(
   return (
     <label
       className={classNames(
-        'relative z-1 inline-flex select-none items-center p-1 pr-3 text-text-tertiary typo-footnote',
+        'relative z-1 inline-flex select-none items-center p-1 pr-3 font-medium text-text-secondary antialiased typo-footnote',
         !disabled && 'cursor-pointer',
         styles.label,
         className,
@@ -87,7 +87,7 @@ export const Checkbox = forwardRef(function Checkbox(
         <VIcon
           aria-hidden
           secondary
-          className="icon h-full w-full scale-125 opacity-0"
+          className="icon h-full w-full scale-110 opacity-0"
           role="presentation"
           style={{ transition: 'opacity 0.1s linear' }}
         />

packages/shared/src/components/fields/RadioItem.tsx

@@ -46,8 +46,8 @@ export function RadioItem<T extends string>({
           { [styles.checked]: checked },
           disabled
             ? '!text-text-disabled'
-            : 'pointer cursor-pointer text-text-tertiary focus-within:text-text-primary hover:text-text-primary',
-          'relative flex select-none items-center pr-3 font-bold typo-footnote',
+            : 'pointer cursor-pointer text-text-secondary focus-within:text-text-primary hover:text-text-primary',
+          'relative flex select-none items-center pr-3 font-medium antialiased typo-footnote',
           reverse ? 'flex-row-reverse' : 'flex-row',
           className?.content,
         )}