Bump @storybook/react from 9.0.10 to 10.2.0

.storybook/main.ts

@@ -1,12 +1,11 @@
 import { join, dirname } from 'path';
+import { createRequire } from 'module';
 
 import type { StorybookConfig } from '@storybook/react-vite';
 import { withoutVitePlugins } from '@storybook/builder-vite';
 
-/**
- * This function is used to resolve the absolute path of a package.
- * It is needed in projects that use Yarn PnP or are set up within a monorepo.
- */
+const require = createRequire(import.meta.url);
+
 function getAbsolutePath(value: string): any {
   return dirname(require.resolve(join(value, 'package.json')));
 }

package.json

@@ -69,10 +69,10 @@
     "@emotion/eslint-plugin": "^11.12.0",
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
-    "@storybook/addon-themes": "^9.0.10",
-    "@storybook/builder-vite": "^9.0.10",
-    "@storybook/react": "^9.0.10",
-    "@storybook/react-vite": "^9.0.10",
+    "@storybook/addon-themes": "^10.2.0",
+    "@storybook/builder-vite": "^10.2.0",
+    "@storybook/react": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
@@ -98,7 +98,7 @@
     "jest-extended": "^4.0.2",
     "jsdom": "^27.0.0",
     "prettier": "3.6.2",
-    "storybook": "^9.0.10",
+    "storybook": "^10.2.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.3",
     "vite": "7.1.3",

src/components/field/field-name-content.tsx

@@ -1,4 +1,4 @@
-import { styled } from 'storybook/internal/theming';
+import styled from '@emotion/styled';
 import { useCallback, useEffect, useRef, useState } from 'react';
 
 import { ellipsisTruncation } from '@/styles/styles';

tsconfig.json

@@ -11,7 +11,7 @@
     "jsx": "react-jsx",
     "experimentalDecorators": true,
     "module": "es2020",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "baseUrl": "./",
     "paths": {
       "@/*": [