DX-1128: docs local design foundation (vendor @ably/ui tokens + reset CSS)

[jamiehenson]

Part of DX-1128 / DXDR-005 (retire the shared @ably/ui package). Foundation PR — vendors @ably/ui's Tailwind theme + CSS into docs so the package is no longer the styling source.

What

• Flattens @ably/ui's base Tailwind config into tailwind.config.js — the theme (colours, ui-text-* typography, screens, keyframes, plugins) is now inlined here instead of require('@ably/ui/tailwind.extend.js').
• Vendors the reset + core + component CSS under src/styles/ui/ (properties.css token vars, text/buttons/forms/shadows/utils, reset/normalize, Code/Slider/Flash component CSS, syntax-highlighter). global.css @imports these locally.
• Vendored tree added to .prettierignore.

Self-sufficiency

The node_modules/@ably/ui Tailwind content glob and the full vendored CSS are retained here, so this PR (and every PR up to #3415) is independently deployable — the still-present @ably/ui components in the early stack keep their utility classes. The dead-CSS prune + glob removal land in #3416 once everything is local.

Behaviour

No visual change intended. Theme verified equal to @ably/ui's extendConfig output; global.css compiles to ~8.4k lines with --color-*, ui-text-*, hljs all present.

Stack (DX-1128)

	PR	Role
▶	#3409	Design foundation — vendor @ably/ui tokens + reset/core CSS
	#3410	Local cn + heights utils
	#3411	Docs-native Icon component
	#3412	Presentational components (Badge, Button, LinkButton, FeaturedLink, Status)
	#3413	Interactive components (SegmentedControl, TabMenu)
	#3414	ProductTile + product data (leaf)
	#3415	syntax-highlighter util + registry
	#3416	Code + CodeSnippet — completes the lift; prunes dead CSS + drops @ably/ui Tailwind scan
	#3417	Combined view of #3409–#3416 — review/demo only (based on main)

#3409–#3416 are a linear stack (each builds on the previous); #3417 is the combined view. ▶ = this PR.

Testing

• Load the review app.
• Check a sufficient sample of pages load with no visual regressions.

🤖 Generated with Claude Code

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: 800e831e-982e-4aef-a9d5-9d8aa6f4188d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch dx-1128/docs-local-design-foundation

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[kennethkalmer]

@jamiehenson did you manage to rebase this after #3418 got merged?

[kennethkalmer]

Extraction makes sense, poked around the review app and everything looked okay 🎨