fix: add @storybook/theming manager-api & types/node packages

.storybook/main.ts

@@ -1,4 +1,6 @@
-module.exports = {
+import type { StorybookConfig } from "@storybook/react-webpack5";
+
+const config: StorybookConfig = {
 	stories: ["../src/**/*.mdx", "../src/**/*.stories.tsx"],
 
 	addons: [
@@ -7,22 +9,21 @@ module.exports = {
 		"@storybook/addon-a11y",
 		{
 			name: "@storybook/addon-styling-webpack",
-
 			options: {
 				rules: [
 					{
 						test: /\.css$/,
 						sideEffects: true,
 						use: [
-							require.resolve("style-loader"),
+							"style-loader",
 							{
-								loader: require.resolve("css-loader"),
+								loader: "css-loader",
 								options: {
 									importLoaders: 1,
 								},
 							},
 							{
-								loader: require.resolve("postcss-loader"),
+								loader: "postcss-loader",
 								options: {
 									implementation: require.resolve("postcss"),
 								},
@@ -57,3 +58,5 @@ module.exports = {
 
 	staticDirs: [{ from: "../src/assets", to: "/assets" }],
 };
+
+export default config;

package.json

@@ -78,13 +78,16 @@
     "@storybook/addon-styling-webpack": "1.0.0",
     "@storybook/addon-webpack5-compiler-babel": "3.0.3",
     "@storybook/blocks": "8.3.6",
+    "@storybook/manager-api": "^8.3.6",
     "@storybook/react": "8.3.6",
     "@storybook/react-webpack5": "8.3.6",
+    "@storybook/theming": "^8.3.6",
     "@testing-library/jest-dom": "6.6.2",
     "@testing-library/react": "12.1.5",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "29.5.14",
+    "@types/node": "^22.7.9",
     "@types/prismjs": "1.26.5",
     "@types/react": "16.14.62",
     "@types/react-dom": "16.9.24",