Merge updated #739 into feat/tailwind-v4-complete

Resolved libs/extractor/src/tailwind.rs by retaining #749's nested declarations alongside #705's per-class v4 compilation and #734/#739 theme and utility integration.

Resolved packages/bun-plugin/src/plugin.ts by retaining #703's SourceLoader/scanner/build stylesheet emission and #749's Tailwind watcher with its returned file list. Resolved packages/rsbuild-plugin/src/plugin.ts by combining #704's synchronous complete stylesheet helpers with #749's stat-based Tailwind watch invalidation.

Resolved packages/rsbuild-plugin/src/__tests__/checkout-isolation.test.ts and plugin.test.ts by retaining #704's onBeforeBuild/rootPath setup alongside all Tailwind watcher tests. After reproducing four failing stylesheet tests, their shared test setup now selects the second Rspack config callback (stylesheet completion), while the first remains the Tailwind watcher. No snapshots or lockfiles were hand-merged, no PR intent was removed, and #734/#739/#749 remain separate PRs.

Refs #687

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

Author: owjs3901

.changepacks/changepack_log_bun_plugin_build.json

@@ -0,0 +1,7 @@
+{
+  "changes": {
+    "packages/bun-plugin/package.json": "Patch"
+  },
+  "note": "Bun plugin works with Bun.build: `DevupUI()` (from `@devup-ui/bun-plugin/register`) serves the generated stylesheet to the bundler's CSS loader once every other module is loaded, so the build emits a CSS output with the styles of the whole bundle instead of an empty module; class names are short there and readable under the runtime (`debug` option). Files importing the packages Devup UI takes the place of (`@emotion/react`, `@emotion/styled`, `styled-components`, `@vanilla-extract/css`), `@stylexjs/stylex`, or a subpath or re-export of these or `@devup-ui/react`, are compiled instead of skipped",
+  "date": "2026-09-30T00:00:00.000Z"
+}

.changepacks/changepack_log_css_snapshot.json

@@ -0,0 +1,9 @@
+{
+  "changes": {
+    "packages/webpack-plugin/package.json": "Patch",
+    "packages/rsbuild-plugin/package.json": "Patch",
+    "packages/plugin-utils/package.json": "Patch"
+  },
+  "note": "Webpack and Rsbuild builds hold every style in their stylesheets: a stylesheet module is built on its first import, so styles extracted later (the global styles of files webpack or Rsbuild reached late, often outside `src`) were missing from the output. The files the entries reach under `src` are now extracted before the build, the shared base on disk is kept current, and when a stylesheet still changed during the build it is compiled once more, writing only the complete result. Rsbuild serves each stylesheet from the current sheet instead of a module-wide string kept only when it grew, which left edits that shortened the CSS and later builds in the same process stale. plugin-utils adds computeReachableFiles",
+  "date": "2026-09-30T00:00:00.000Z"
+}

.changepacks/changepack_log_eslint_autofix_scope.json

@@ -0,0 +1,8 @@
+{
+  "changes": {
+    "packages/eslint-plugin/package.json": "Patch",
+    "bindings/devup-ui-wasm/package.json": "Patch"
+  },
+  "note": "style-order-range only checks styleOrder where the build reads it: a prop of a Devup UI component and a top-level key of a style object passed to css/globalCss/keyframes. A styleOrder key in nested data, in a prop value such as an element passed as a prop, or in a call of a function sharing a name with an Object.prototype member is no longer reported. The array, typography and media rules already skip non-style data, and css-utils-literal-only accepts a css()/keyframes() result held in a const inside a function. No new build errors.",
+  "date": "2026-10-01T00:00:00.000Z"
+}

bun.lock

@@ -40,9 +40,29 @@ Add the zero-config entry to Bun's preload list:
 preload = ["@devup-ui/bun-plugin"]
 ```
 
-## Custom Shorthands
-
-To configure custom shorthands, preload a local module instead of the
+## Bundling with `Bun.build`
+
+```ts
+import { DevupUI } from '@devup-ui/bun-plugin/register'
+
+await Bun.build({
+  entrypoints: ['./src/index.tsx'],
+  outdir: './dist',
+  plugins: [DevupUI()],
+})
+```
+
+The build emits the stylesheet as a CSS output holding the styles of every
+module in the bundle. Imports of the packages Devup UI takes the place of
+(`@emotion/react`, `@emotion/styled`, `styled-components`,
+`@vanilla-extract/css`) and of `@stylexjs/stylex` are compiled too.
+
+Class names are short in `Bun.build` and readable under the runtime; pass
+`debug` to choose.
+
+## Custom Shorthands
+
+To configure custom shorthands, preload a local module instead of the
 zero-config entry:
 
 ```toml

packages/bun-plugin/README.md

@@ -69,6 +69,97 @@ await import(cssPath)
   },
 )
 
+const registerEntry = resolve(import.meta.dir, '..', 'dist', 'register.mjs')
+
+function run(cwd: string, script: string) {
+  writeFileSync(join(cwd, 'bunfig.toml'), '')
+  writeFileSync(join(cwd, 'check.ts'), script)
+  const result = Bun.spawnSync([process.execPath, 'run', 'check.ts'], {
+    cwd,
+    stdout: 'pipe',
+    stderr: 'pipe',
+    env: { ...process.env, BUN_RUNTIME_TRANSPILER_CACHE_PATH: '0' },
+  })
+  expect(
+    result.exitCode,
+    result.stdout.toString() + result.stderr.toString(),
+  ).toBe(0)
+}
+
+it('bundles the styles of every module into the Bun.build stylesheet', () => {
+  const cwd = mkdtempSync(join(tmpdir(), 'devup-css-emit-'))
+  try {
+    const widths = Array.from({ length: 8 }, (_, i) => 301 + i)
+    for (const width of widths) {
+      writeFileSync(
+        join(cwd, `fixture-${width}.ts`),
+        `import { css } from '@devup-ui/react'
+export const cls = css({ width: '${width}px' })
+`,
+      )
+    }
+    writeFileSync(
+      join(cwd, 'entry.ts'),
+      widths
+        .map((width) => `export { cls as c${width} } from './fixture-${width}'`)
+        .join('\n'),
+    )
+    run(
+      cwd,
+      `import { expect } from 'bun:test'
+import { DevupUI } from ${JSON.stringify(registerEntry.replaceAll('\\', '/'))}
+
+const result = await Bun.build({
+  entrypoints: ['./entry.ts'],
+  outdir: './out',
+  plugins: [DevupUI()],
+})
+expect(result.success).toBe(true)
+const stylesheets = result.outputs.filter((output) => output.path.endsWith('.css'))
+expect(stylesheets).toHaveLength(1)
+const css = (await stylesheets[0].text()).replace(/\\s+/g, '')
+for (const width of ${JSON.stringify(widths)}) expect(css).toContain('width:' + width + 'px')
+`,
+    )
+  } finally {
+    rmSync(cwd, { recursive: true, force: true })
+  }
+})
+
+it('compiles the packages Devup UI takes the place of, and StyleX', () => {
+  const cwd = mkdtempSync(join(tmpdir(), 'devup-css-emit-'))
+  try {
+    writeFileSync(
+      join(cwd, 'emotion.ts'),
+      `import { css } from '@emotion/react'
+export const cls = css({ width: '201px' })
+`,
+    )
+    writeFileSync(
+      join(cwd, 'stylex.ts'),
+      `import * as stylex from '@stylexjs/stylex'
+export const styles = stylex.create({ box: { width: '203px' } })
+`,
+    )
+    run(
+      cwd,
+      `import { readFileSync } from 'node:fs'
+import { expect } from 'bun:test'
+
+await import(${JSON.stringify(pluginEntry.replaceAll('\\', '/'))})
+const emotion = await import('./emotion.ts')
+const stylex = await import('./stylex.ts')
+expect(emotion.cls).toBeTruthy()
+expect(stylex.styles).toBeTruthy()
+const css = readFileSync('./df/devup-ui/devup-ui.css', 'utf-8')
+for (const width of [201, 203]) expect(css).toContain('width:' + width + 'px')
+`,
+    )
+  } finally {
+    rmSync(cwd, { recursive: true, force: true })
+  }
+})
+
 it('emits vanilla-extract styles through the WASM engine', () => {
   const cwd = mkdtempSync(join(tmpdir(), 'devup-css-emit-'))
   try {