From 15ef9b15c3a5e8ed3ee89c82a341a17742a40f90 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Tue, 23 Jun 2026 15:38:26 -0500 Subject: [PATCH 1/3] Migrate styled-react build to Rolldown --- packages/styled-react/package.json | 4 +--- .../{rollup.config.js => rolldown.config.js} | 16 ++++------------ packages/styled-react/script/build | 2 +- 3 files changed, 6 insertions(+), 16 deletions(-) rename packages/styled-react/{rollup.config.js => rolldown.config.js} (86%) diff --git a/packages/styled-react/package.json b/packages/styled-react/package.json index 2ee5ca0a593..e03f1935e30 100644 --- a/packages/styled-react/package.json +++ b/packages/styled-react/package.json @@ -44,7 +44,6 @@ "@primer/primitives": "10.x || 11.x", "@primer/react": "^38.26.0", "@rolldown/plugin-babel": "^0.2.3", - "@rollup/plugin-babel": "^6.1.0", "@storybook/react-vite": "^10.4.2", "@types/babel__core": "^7.20.5", "@types/react": "18.3.11", @@ -59,8 +58,7 @@ "react-compiler-runtime": "^1.0.0", "react-dom": "18.3.1", "rimraf": "^6.0.1", - "rollup": "4.59.0", - "rollup-plugin-typescript2": "^0.36.0", + "rolldown": "^1.1.2", "styled-components": "5.3.11", "typescript": "^6.0.3" }, diff --git a/packages/styled-react/rollup.config.js b/packages/styled-react/rolldown.config.js similarity index 86% rename from packages/styled-react/rollup.config.js rename to packages/styled-react/rolldown.config.js index 309868570be..51b9fa51757 100644 --- a/packages/styled-react/rollup.config.js +++ b/packages/styled-react/rolldown.config.js @@ -1,9 +1,6 @@ -import babel from '@rollup/plugin-babel' -import nodeResolve from '@rollup/plugin-node-resolve' -import {defineConfig} from 'rollup' -import typescript from 'rollup-plugin-typescript2' +import babel from '@rolldown/plugin-babel' +import {defineConfig, RolldownMagicString as MagicString} from 'rolldown' import packageJson from './package.json' with {type: 'json'} -import MagicString from 'magic-string' const dependencies = [ ...Object.keys(packageJson.peerDependencies ?? {}), @@ -19,18 +16,13 @@ export default defineConfig({ input: ['src/index.tsx'], external: dependencies.map(createPackageRegex), plugins: [ - typescript({ - tsconfig: 'tsconfig.build.json', - }), - nodeResolve({extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs', '.cjs']}), babel({ presets: ['@babel/preset-typescript', ['@babel/preset-react', {runtime: 'automatic'}]], plugins: ['babel-plugin-styled-components'], - extensions: ['.ts', '.tsx'], - babelHelpers: 'bundled', + include: /\.(?:ts|tsx)$/, }), /** - * This custom rollup plugin allows us to preserve directives in source + * This custom Rolldown plugin allows us to preserve directives in source * code, such as "use client", in order to support React Server Components. * * The source for this plugin is inspired by: diff --git a/packages/styled-react/script/build b/packages/styled-react/script/build index 4b2aebfc444..83e14ce9f28 100755 --- a/packages/styled-react/script/build +++ b/packages/styled-react/script/build @@ -1,7 +1,7 @@ #!/bin/bash # Build the package -npx rollup -c +npx rolldown -c # Generate type declarations npx tsc --project tsconfig.build.json From 61f453dff88583b01486ca329dbf1377d0456f36 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Tue, 23 Jun 2026 15:38:50 -0500 Subject: [PATCH 2/3] Fix styled-react Rolldown build --- packages/styled-react/rolldown.config.js | 5 +---- packages/styled-react/script/build | 2 ++ 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/styled-react/rolldown.config.js b/packages/styled-react/rolldown.config.js index 51b9fa51757..54527b8ccb4 100644 --- a/packages/styled-react/rolldown.config.js +++ b/packages/styled-react/rolldown.config.js @@ -96,12 +96,9 @@ export default defineConfig({ if (chunkHasClientDirective) { const transformed = new MagicString(code) transformed.prepend(`"use client";\n`) - const sourcemap = transformed.generateMap({ - includeContent: true, - }) return { code: transformed.toString(), - map: sourcemap, + map: null, } } diff --git a/packages/styled-react/script/build b/packages/styled-react/script/build index 83e14ce9f28..0436f8a7a22 100755 --- a/packages/styled-react/script/build +++ b/packages/styled-react/script/build @@ -1,5 +1,7 @@ #!/bin/bash +set -e + # Build the package npx rolldown -c From c7efc2e88520ef1cf95f8d167ae207dc5cf8c710 Mon Sep 17 00:00:00 2001 From: Josh Black Date: Tue, 23 Jun 2026 16:35:55 -0500 Subject: [PATCH 3/3] Update lockfile for styled-react Rolldown build --- package-lock.json | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 3cbbc5f724f..029f602c4b6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -29505,7 +29505,6 @@ "@primer/primitives": "10.x || 11.x", "@primer/react": "^38.26.0", "@rolldown/plugin-babel": "^0.2.3", - "@rollup/plugin-babel": "^6.1.0", "@storybook/react-vite": "^10.4.2", "@types/babel__core": "^7.20.5", "@types/react": "18.3.11", @@ -29520,8 +29519,7 @@ "react-compiler-runtime": "^1.0.0", "react-dom": "18.3.1", "rimraf": "^6.0.1", - "rollup": "4.59.0", - "rollup-plugin-typescript2": "^0.36.0", + "rolldown": "^1.1.2", "styled-components": "5.3.11", "typescript": "^6.0.3" },