refactor: update build config for @primer/styled-react to rolldown

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"
   },

packages/styled-react/rollup.config.js → 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:
@@ -104,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,
             }
           }
 

packages/styled-react/script/build

@@ -1,7 +1,9 @@
 #!/bin/bash
 
+set -e
+
 # Build the package
-npx rollup -c
+npx rolldown -c
 
 # Generate type declarations
 npx tsc --project tsconfig.build.json