diff --git a/packages/bezier-icons/package.json b/packages/bezier-icons/package.json
index fb5c09a04f..f4c161e090 100644
--- a/packages/bezier-icons/package.json
+++ b/packages/bezier-icons/package.json
@@ -43,13 +43,14 @@
   "author": "Channel Corp.",
   "license": "Apache-2.0",
   "devDependencies": {
+    "@babel/core": "^7.22.5",
     "@babel/preset-env": "^7.22.5",
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
     "@rollup/plugin-alias": "^5.0.0",
     "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-terser": "^0.4.3",
-    "@rollup/plugin-typescript": "^11.1.1",
     "@rollup/plugin-virtual": "^3.0.1",
     "@rollup/pluginutils": "^5.0.2",
     "@svgr/core": "^8.0.0",
diff --git a/packages/bezier-icons/rollup.config.mjs b/packages/bezier-icons/rollup.config.mjs
index ab516dcac3..b246dbc265 100644
--- a/packages/bezier-icons/rollup.config.mjs
+++ b/packages/bezier-icons/rollup.config.mjs
@@ -1,10 +1,11 @@
 import * as fs from 'fs'
 import * as path from 'path'
 
+import { DEFAULT_EXTENSIONS } from '@babel/core'
 import alias from '@rollup/plugin-alias'
 import { babel } from '@rollup/plugin-babel'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
 import terser from '@rollup/plugin-terser'
-import typescript from '@rollup/plugin-typescript'
 import virtual from '@rollup/plugin-virtual'
 import { createFilter } from '@rollup/pluginutils'
 import { transform } from '@svgr/core'
@@ -12,6 +13,8 @@ import { defineConfig } from 'rollup'
 import { visualizer } from 'rollup-plugin-visualizer'
 import { optimize } from 'svgo'
 
+const extensions = [...DEFAULT_EXTENSIONS, '.ts', '.tsx', '.svg']
+
 const config = {
   input: {
     icons: 'icons',
@@ -269,7 +272,7 @@ export default defineConfig({
   external: ['react'],
   plugins: [
     virtual({ 'src/index.ts': entryModuleContent }),
-    typescript(),
+    nodeResolve({ extensions }),
     svgBuild({ include: `${iconBasePath}/*.svg` }),
     /**
      * Module resolution is not working well inside the virtual module, so use the alias plugin to resolve the module manually.
@@ -282,7 +285,7 @@ export default defineConfig({
     }),
     babel({
       exclude: 'node_modules/**',
-      extensions: ['.js', '.jsx', '.ts', '.tsx', '.svg'],
+      extensions,
       envName: 'production',
       babelHelpers: 'bundled',
     }),
diff --git a/yarn.lock b/yarn.lock
index 8004ee36fb..2430cf5a2b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3503,13 +3503,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@channel.io/bezier-icons@workspace:packages/bezier-icons"
   dependencies:
+    "@babel/core": ^7.22.5
     "@babel/preset-env": ^7.22.5
     "@babel/preset-react": ^7.22.5
     "@babel/preset-typescript": ^7.22.5
     "@rollup/plugin-alias": ^5.0.0
     "@rollup/plugin-babel": ^6.0.3
+    "@rollup/plugin-node-resolve": ^15.1.0
     "@rollup/plugin-terser": ^0.4.3
-    "@rollup/plugin-typescript": ^11.1.1
     "@rollup/plugin-virtual": ^3.0.1
     "@rollup/pluginutils": ^5.0.2
     "@svgr/core": ^8.0.0