Merge pull request #8 from GDSC-Hongik/fix/rollup-dependencies

[�Fix] Rollup 플러그인 최신 패키지로 교체

.eslintrc.js

@@ -114,5 +114,6 @@ module.exports = {
     "styled-system/",
     "panda.config.ts",
     "rollup.config.cjs",
+    "rollup.config.js",
   ],
 };

package.json

@@ -24,8 +24,12 @@
     "@changesets/cli": "^2.27.1",
     "@pandacss/dev": "^0.39.0",
     "theme": "workspace:*",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-url": "^8.0.2",
     "@svgr/rollup": "^8.1.0",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
@@ -51,11 +55,7 @@
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "rollup": "^4.17.2",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-url": "^3.0.1",
     "turbo": "latest",
     "typescript": "^5.3.3"
   },

packages/wow-icons/rollup.config.js

@@ -1,11 +1,11 @@
 import json from "@rollup/plugin-json";
 import terser from "@rollup/plugin-terser";
+import commonjs from "@rollup/plugin-commonjs";
+import resolve from "@rollup/plugin-node-resolve";
+import { babel } from "@rollup/plugin-babel";
 import svgr from "@svgr/rollup";
-import babel from "rollup-plugin-babel";
-import commonjs from "rollup-plugin-commonjs";
-import resolve from "rollup-plugin-node-resolve";
+import url from "@rollup/plugin-url";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
-import url from "rollup-plugin-url";
 
 const extensions = [".ts", ".tsx", ".js", ".jsx"];
 
@@ -33,7 +33,7 @@ export default {
     babel({
       extensions,
       include: ["src/**/*"],
-      runtimeHelpers: true,
+      babelHelpers: "runtime",
       presets: [
         ["react-app", { flow: false, typescript: true }],
         ["@babel/preset-react", { runtime: "automatic" }],

packages/wow-tokens/rollup.config.js

@@ -1,8 +1,8 @@
 import json from "@rollup/plugin-json";
 import terser from "@rollup/plugin-terser";
-import babel from "rollup-plugin-babel";
-import commonjs from "rollup-plugin-commonjs";
-import resolve from "rollup-plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import resolve from "@rollup/plugin-node-resolve";
+import { babel } from "@rollup/plugin-babel";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 
 const extensions = [".ts", ".tsx", ".js", ".jsx"];
@@ -28,7 +28,12 @@ export default {
     commonjs({
       include: "node_modules/**",
     }),
-    babel({ extensions, include: ["src/**/*"], runtimeHelpers: true }),
+    babel({
+      extensions,
+      include: ["src/**/*"],
+      babelHelpers: "runtime",
+      presets: [["react-app", { flow: false, typescript: true }]],
+    }),
     terser(),
     json(),
   ],

packages/wow-ui/rollup.config.js

@@ -3,12 +3,12 @@ import json from "@rollup/plugin-json";
 import terser from "@rollup/plugin-terser";
 import svgr from "@svgr/rollup";
 import path from "path";
-import babel from "rollup-plugin-babel";
-import commonjs from "rollup-plugin-commonjs";
-import resolve from "rollup-plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import resolve from "@rollup/plugin-node-resolve";
+import { babel } from "@rollup/plugin-babel";
+import url from "@rollup/plugin-url";
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import typescript from "rollup-plugin-typescript2";
-import url from "rollup-plugin-url";
 import { fileURLToPath } from "url";
 
 const extensions = [".tsx", ".ts", ".js", ".jsx"];
@@ -55,7 +55,7 @@ export default {
     babel({
       extensions,
       include: ["src/**/*"],
-      runtimeHelpers: true,
+      babelHelpers: "runtime",
       presets: [
         ["react-app", { flow: false, typescript: true }],
         ["@babel/preset-react", { runtime: "automatic" }],