internal(website): Type csstype and number-flow in playgrounds

[ntucker]

Requested by Nathaniel · project thread

Stacked on #4136 (base is its branch, which now includes #4137; retarget to master once #4104 and #4136 merge).

Motivation

Before: editor-types/react.d.ts imports csstype and @number-flow/react imports number-flow/lite and number-flow/plugins, none of which were mounted, so style values and NumberFlow's format/trend/plugins props were any.

After:

const style: React.CSSProperties = { display: 5 };
// was accepted, now "Type 'number' is not assignable to type 'Display | undefined'"
style.display; // was any, now CSS.Property.Display | undefined

<NumberFlow value={5} trend="sideways" />;
// was accepted, now "Type 'string' is not assignable to type 'Trend'"
import { continuous } from '@number-flow/react'; // was any, now Plugin

Solution

• csstype: copywebsitetypes.sh reprints csstype/index.d.ts without comments (new scripts/strip-dts-comments.mjs). Its MDN JSDoc is ~75% of the file, so this cuts the chunk from 85KB to 31KB gzipped (react.d.ts is 33KB) at the cost of CSS property hover docs.
• @number-flow/react: instead of a verbatim copy, rollup-plugin-dts now bundles it with its number-flow/lite and number-flow/plugins imports inlined (8KB, only imports react), so no extra modules are mounted.
• uuid-types.rollup.config.js becomes editor-types.rollup.config.js, building both uuid and @number-flow/react with one shared resolver for ./x.js and extensionless ./x imports (uuid.d.ts output is unchanged).

Verification

• Offline harness (Monaco 0.56 tsWorker + real fetchTypeLibs/addTypeLibs) over 119 playgrounds (281 files): no playground diagnostics changed, so no docs code had invalid style props. In the libs, the Cannot find module errors for csstype/number-flow/* are gone; the only new ones are TS1038 (declare inside declare module), which every lib already has and skipLibCheck hides.
• Real browser (docs dev server): Monaco markers on 10 pages are identical before and after; a probe model shows the errors above and that unknown names still error.
• yarn workspace rdc-website typecheck, lint and prettier clean.

🤖 Generated with Claude Code

https://claude.ai/code/session_01SP4rqYKdew65uNyP8xeJ9m

[changeset-bot]

⚠️ No Changeset found

Latest commit: 84cb28a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
docs-site	Ready	Preview	Oct 4, 2026 3:22am UTC

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.95%. Comparing base (2b1c92d) to head (84cb28a).

Additional details and impacted files

@@                      Coverage Diff                      @@
##           claude/project-thread-ynhl0c    #4139   +/-   ##
=============================================================
  Coverage                         97.95%   97.95%           
=============================================================
  Files                               158      158           
  Lines                              3088     3088           
  Branches                            615      615           
=============================================================
  Hits                               3025     3025           
  Misses                               18       18           
  Partials                             45       45           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.