Adopt remaining typography token classes (CR-24)

Map exact size/weight/line-height combos onto existing text-* utilities across cards, sections, navigation, modals, controls, and create-flow. Leave unmappable combos hardcoded for design review.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/buttons/Button/Button.tsx

@@ -106,11 +106,11 @@ const Button = memo<ButtonProps>(
     };
 
     const fontStyles: Record<string, string> = {
-      xsmall: "font-inter text-[10px] leading-[12px] font-medium tracking-[0%]",
-      small: "font-inter text-[12px] leading-[14px] font-medium tracking-[0%]",
-      medium: "font-inter text-[14px] leading-[16px] font-medium tracking-[0%]",
-      large: "font-inter text-[16px] leading-[20px] font-medium tracking-[0%]",
-      xlarge: "font-inter text-[24px] leading-[28px] font-normal tracking-[0%]",
+      xsmall: "text-xx-small-label",
+      small: "text-x-small-label",
+      medium: "text-small-label",
+      large: "text-medium-label",
+      xlarge: "text-x-large-label",
     };
 
     const variantStyles: Record<string, string> = {

app/components/buttons/InlineTextButton/InlineTextButton.tsx

@@ -46,7 +46,7 @@ function InlineTextButtonComponent({
   const baseClasses = [
     "cursor-pointer border-none bg-transparent p-0",
     underline
-      ? "font-inter font-normal text-[length:inherit] leading-[inherit] text-[color:var(--color-content-default-tertiary,#b4b4b4)] underline decoration-solid underline-offset-[3px]"
+      ? " font-normal text-[length:inherit] leading-[inherit] text-[color:var(--color-content-default-tertiary,#b4b4b4)] underline decoration-solid underline-offset-[3px]"
       : "text-[length:inherit] leading-[inherit] text-[color:inherit] no-underline",
     "hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-border-invert-primary)] disabled:cursor-not-allowed disabled:opacity-60",
   ].join(" ");