WORK-405
ID:WORK-405Status:pending

Lumina typography refactor onto tokens

Replace Lumina's hardcoded typography with the WORK-404 tokens. Today there are ~351 hardcoded font-size declarations against 5 tokenized — so an editorial theme wanting a different scale must override hundreds of declarations across 90 files. Tokenizing here is also what shrinks the WORK-410 skeleton/skin spike's classification surface.

Priority:highComplexity:complexMilestone:v0.22.0Source:SPEC-094
claude/v0.22.0-theme-foundations View source

Criteria completion

Criteria completion: 0 of 3 (0%) checked; tracking started on Jun 12, no incremental history yet0%25%50%75%100%Jun 12Jun 15

Tracking started Jun 12 — check back for trends.

Relationships

Implements 1
Related 6
Branches 2
claude/v0.22.0-theme-foundations current pending
claude/work-405-lumina-typography-refactor donemain done
History 1
  1. df1ffa9
    Created (pending)by bjornolofandersson

Scope

  • Replace hardcoded font-size, font-weight, line-height, and letter-spacing in packages/lumina/styles/** with the new tokens.
  • Keep the rendered result visually identical to today — this is a refactor, not a restyle.
  • Keep CSS-coverage and contracts --check green throughout.

Acceptance Criteria

  • Hardcoded font-size literals in packages/lumina/styles drop to near-zero (a documented allowlist for genuine one-offs only).
  • Weights, line-heights, and tracking likewise consume tokens where a token exists.
  • CSS-coverage and contracts checks pass; no intended visual change vs. the pre-refactor baseline (verified against the WORK-409 baseline once it exists, else by eye + coverage).

Dependencies

  • Requires WORK-404 (tokens to consume). Best verified by WORK-409 (empty-diff proof).

References

  • SPEC-094 · packages/lumina/styles/** · packages/lumina/test/css-coverage.test.ts.