chore: fix 30 of 31 security advisories in devDependencies

- Upgrade Storybook v7 → v10 (resolves critical Handlebars injection,
  clears lodash/tar/minimatch chains from the webpack5 builder)
- Upgrade rollup v1 → v4 + migrate to @rollup/plugin-* (resolves DOM
  clobbering and path traversal advisories)
- Upgrade rimraf v3 → v5 (drops old glob → minimatch chain)
- Add yarn resolutions to force patched versions of: handlebars, lodash,
  flatted, yaml, serialize-javascript, picomatch
- Exclude src/stories from main tsconfig; add tsconfig.storybook.json
  with moduleResolution:bundler for Storybook v10 type compat

Audit: 213 paths (31 advisories) → 1 path (1 low advisory).
Published package is unaffected — zero runtime dependencies.

Author: iamdarshshah

.eslintrc.js

@@ -18,6 +18,7 @@ module.exports = {
     'plugin:@typescript-eslint/recommended',
     'plugin:@typescript-eslint/recommended-requiring-type-checking',
     'prettier',
+    'plugin:storybook/recommended',
   ],
   settings: {
     react: {

.storybook/main.ts

@@ -5,7 +5,7 @@ const config: StorybookConfig = {
     '../src/**/*.stories.@(js|jsx|ts|tsx)',
     '../src/stories/stories.tsx',
   ],
-  addons: ['@storybook/addon-webpack5-compiler-babel'],
+  addons: ['@storybook/addon-docs', '@storybook/addon-webpack5-compiler-babel'],
   framework: {
     name: '@storybook/react-webpack5',
     options: {},

package.json

@@ -75,12 +75,12 @@
     "@babel/preset-env": "^7.28.5",
     "@babel/preset-react": "^7.28.5",
     "@babel/preset-typescript": "^7.28.5",
-    "@size-limit/preset-small-lib": "^12.0.1",
-    "@storybook/addon-essentials": "^7.6.0",
-    "@storybook/react": "^7.6.0",
-    "@storybook/react-webpack5": "^7.6.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
     "@rollup/plugin-typescript": "^11.0.0",
+    "@size-limit/preset-small-lib": "^12.0.1",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react": "^10.3.5",
+    "@storybook/react-webpack5": "^10.3.5",
     "@testing-library/react": "^12.1.5",
     "@types/jest": "^29.5.14",
     "@types/react": "^17.0.0",
@@ -91,17 +91,18 @@
     "eslint": "^8",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-storybook": "10.3.5",
     "husky": "^9.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.0.0",
     "prettier": "^2.8.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "rimraf": "^3.0.0",
+    "rimraf": "^5.0.0",
     "rollup": "^4.0.0",
     "size-limit": "^12.0.1",
-    "storybook": "^7.6.0",
+    "storybook": "^10.3.5",
     "ts-jest": "^29.4.6",
     "typescript": "^5.4.0"
   },
@@ -116,6 +117,14 @@
       "limit": "6 kB"
     }
   ],
+  "resolutions": {
+    "picomatch": ">=2.3.2",
+    "handlebars": ">=4.7.9",
+    "lodash": ">=4.17.23",
+    "flatted": ">=3.4.2",
+    "yaml": ">=2.8.3",
+    "serialize-javascript": ">=7.0.5"
+  },
   "lint-staged": {
     "*.{js,css,json,md}": [
       "prettier --write"

tsconfig.storybook.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "moduleResolution": "bundler",
+    "noEmit": true
+  },
+  "include": ["src/stories/**/*", ".storybook/**/*"]
+}