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/controls/CheckboxGroup/CheckboxGroup.view.tsx

@@ -37,7 +37,7 @@ export function CheckboxGroupView({
               />
               <div className="flex flex-col gap-[4px] flex-1">
                 <span
-                  className={`font-inter text-[14px] leading-[20px] ${
+                  className={`text-small-paragraph ${
                     mode === "inverse"
                       ? "text-[var(--color-content-inverse-primary)]"
                       : "text-[var(--color-content-default-primary)]"
@@ -46,7 +46,7 @@ export function CheckboxGroupView({
                   {option.label}
                 </span>
                 <span
-                  className={`font-inter text-[14px] leading-[20px] ${
+                  className={`text-small-paragraph ${
                     mode === "inverse"
                       ? "text-[var(--color-content-inverse-secondary,#1f1f1f)]"
                       : "text-[var(--color-content-default-tertiary,#b4b4b4)]"