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>

tests/unit/QuoteBlock.test.jsx

@@ -197,7 +197,7 @@ describe("QuoteBlock Component", () => {
     render(<QuoteBlock quote="Test quote" author="Test Author" />);
 
     const authorElement = screen.getByText("Test Author");
-    expect(authorElement).toHaveClass("font-inter", "font-normal", "uppercase");
+    expect(authorElement).toHaveClass("font-normal", "uppercase");
   });
 
   test("applies responsive text sizing", () => {
@@ -207,9 +207,9 @@ describe("QuoteBlock Component", () => {
 
     const quoteElement = screen.getByText("Test quote");
     expect(quoteElement).toHaveClass(
-      "text-[18px]",
-      "md:text-[36px]",
-      "lg:text-[52px]",
+      "text-xx-small-display",
+      "md:text-small-display",
+      "lg:text-large-display",
     );
   });