Update Rollup config

.babelrc.json

@@ -11,8 +11,13 @@
     ],
     [
       "@babel/preset-react",
-      { "runtime": "automatic", "importSource": "@emotion/react" }
+      {
+        "runtime": "automatic",
+        "importSource": "@emotion/react"
+      }
     ]
   ],
-  "plugins": ["@emotion/babel-plugin"]
+  "plugins": [
+    "@emotion/babel-plugin"
+  ]
 }

rollup.config.mjs

@@ -1,44 +1,45 @@
-import resolve from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import terser from '@rollup/plugin-terser';
-import peerDepsExternal from 'rollup-plugin-peer-deps-external';
-import { babel } from '@rollup/plugin-babel';
+import resolve from "@rollup/plugin-node-resolve"
+import commonjs from "@rollup/plugin-commonjs"
+import terser from "@rollup/plugin-terser"
+import peerDepsExternal from "rollup-plugin-peer-deps-external"
+import { babel } from "@rollup/plugin-babel"
 
 // This is required to read package.json file when
 // using Native ES modules in Node.js
 // https://rollupjs.org/command-line-interface/#importing-package-json
-import { createRequire } from 'node:module';
-const requireFile = createRequire(import.meta.url);
-const packageJson = requireFile('./package.json');
+import { createRequire } from "node:module"
+const requireFile = createRequire(import.meta.url)
+const packageJson = requireFile("./package.json")
 
 export default [
   {
-    input: 'src/index.js',
+    input: "src/index.js",
     output: [
       {
         file: packageJson.main,
-        format: 'cjs',
+        format: "cjs",
         sourcemap: true,
       },
       {
         file: packageJson.module,
-        format: 'esm',
-        exports: 'named',
+        format: "esm",
+        exports: "named",
         sourcemap: true,
       },
     ],
     plugins: [
       peerDepsExternal(),
       resolve({
-        extensions: ['.js', '.jsx'],
+        extensions: [".js", ".jsx"],
+        preferBuiltins: true,
       }),
       commonjs(),
       terser(),
       babel({
-        extensions: ['.js', '.jsx'],
-        exclude: 'node_modules/**',
+        extensions: [".js", ".jsx"],
+        exclude: "node_modules/**",
       }),
     ],
-    external: ['react', 'react-dom', '@emotion/react', '@emotion/styled'],
+    external: ["react", "react-dom", "@emotion/react", "@emotion/styled"],
   },
-];
+]

vite.config.js

@@ -1,14 +1,14 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react"
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react({
-      jsxImportSource: '@emotion/react',
+      jsxImportSource: "@emotion/react",
       babel: {
-        plugins: ['@emotion/babel-plugin'],
+        plugins: ["@emotion/babel-plugin"],
       },
     }),
   ],
-});
+})