PR-227028: update dependencies, migrate to TypeScript 6 and ESLint flat config

- Bump all dependencies to latest (React 19.2.7, Storybook 10.4.3, Webpack
  5.107.2 + webpack-cli 7, Jest 30.4.2, Cypress 15.17.0, Babel 7.29.7,
  sass-loader 17, css-minimizer-webpack-plugin 8, eslint-webpack-plugin 6).
- Migrate TypeScript 5.9 -> 6.0.3: set tsconfig rootDir, add
  ignoreDeprecations "6.0", scope include to src/components + src/@types, and
  declare *.scss/*.sass/*.css modules for stricter side-effect imports.
- Switch @babel/preset-react to the automatic JSX runtime and drop redundant
  React imports in stories and tests.
- Migrate ESLint from the deprecated .eslintrc.js to flat config
  (eslint.config.mjs) using typescript-eslint, @eslint/js, globals and the
  React/Storybook plugins. Keep ESLint at v9 because eslint-plugin-react does
  not support v10 yet. This fixes the previously broken lint (missing
  @typescript-eslint parser/plugin) and normalizes formatting.
- Fix a latent bug in .storybook/main.js (comma instead of semicolon joining
  two assignments via the comma operator).
- npm audit fix: 0 vulnerabilities.
- Bump package version to 1.4.0.

webpack.config.ts

@@ -10,92 +10,92 @@ import ESLintPlugin from 'eslint-webpack-plugin';
 import { resolveTsAliases } from 'resolve-ts-aliases';
 
 const dotEnvToParse = dotenv.config();
-const libraryName = process.env.LIBRARY_NAME ? process.env.LIBRARY_NAME : "ui-library"
-const externalCss = process.env.EXTERNAL_CSS === 'true' ? true : false
-const externalCssName = process.env.EXTERNAL_CSS_NAME ? process.env.EXTERNAL_CSS_NAME : 'index.css'
+const libraryName = process.env.LIBRARY_NAME ? process.env.LIBRARY_NAME : 'ui-library';
+const externalCss = process.env.EXTERNAL_CSS === 'true' ? true : false;
+const externalCssName = process.env.EXTERNAL_CSS_NAME ? process.env.EXTERNAL_CSS_NAME : 'index.css';
 const alias = resolveTsAliases(path.resolve('tsconfig.json'));
 
 export default {
-  entry: './src/components/index.tsx',
-  externals: [nodeExternals()],
-  resolve: {
-    extensions: ['.js', '.jsx','.ts','.tsx', '.json'],
-    alias,
-  },
-  mode: 'production',
-  output: {
-    filename: 'index.js',
-    path: path.resolve(__dirname, 'dist'),
+	entry: './src/components/index.tsx',
+	externals: [nodeExternals()],
+	resolve: {
+		extensions: ['.js', '.jsx','.ts','.tsx', '.json'],
+		alias,
+	},
+	mode: 'production',
+	output: {
+		filename: 'index.js',
+		path: path.resolve(__dirname, 'dist'),
 		library: libraryName,
-    libraryTarget: 'umd',
+		libraryTarget: 'umd',
 		globalObject: 'this',
-  },
-  plugins: [
-    new CleanWebpackPlugin(),
-    ...(externalCss === true ? [
-        new MiniCssExtractPlugin({
-            filename: externalCssName,
-        }),
-    ] : []),
-	new webpack.DefinePlugin({
-		'process.env': JSON.stringify(dotEnvToParse.parsed),
-	}),
-    new ESLintPlugin(),
-  ],
-  module: {
-    rules: [
-    {
-      test: /\.(ts|tsx)$/,
-      exclude: [/node_modules/, /\.test\.(ts|tsx)$/, /\.cy\.(ts|tsx)$/],
-      use: {
-        loader: 'ts-loader',
-        options: {
-          onlyCompileBundledFiles: true,
-          compilerOptions: {
-            noEmit: false,
-            declaration: true,
-            declarationDir: './dist/types'
-          }
-        }
-      },
-    },
-    {
-      test: /\.(js|jsx)$/,
-      exclude: /node_modules/,
-      use: 'babel-loader',
-    },
-		{
-			test: /\.(css|sass|scss)$/,
-			use: [
-				externalCss === true ? MiniCssExtractPlugin.loader : 'style-loader',
-				{
-					loader: 'css-loader',
+	},
+	plugins: [
+		new CleanWebpackPlugin(),
+		...(externalCss === true ? [
+			new MiniCssExtractPlugin({
+				filename: externalCssName,
+			}),
+		] : []),
+		new webpack.DefinePlugin({
+			'process.env': JSON.stringify(dotEnvToParse.parsed),
+		}),
+		new ESLintPlugin(),
+	],
+	module: {
+		rules: [
+			{
+				test: /\.(ts|tsx)$/,
+				exclude: [/node_modules/, /\.test\.(ts|tsx)$/, /\.cy\.(ts|tsx)$/],
+				use: {
+					loader: 'ts-loader',
 					options: {
-					modules: {
-						namedExport: false,
-						exportLocalsConvention: 'as-is',
-						auto: /\.module\.\w+$/i,
+						onlyCompileBundledFiles: true,
+						compilerOptions: {
+							noEmit: false,
+							declaration: true,
+							declarationDir: './dist/types'
+						}
 					}
-					},
 				},
-				'sass-loader',
-			], 
-		},
-      	{
-			test: /\.(ttf|otf|eot|woff|woff2)$/,
-			loader: 'url-loader',
-			options: {
-				name: 'assets/fonts/[name].[ext]',
-				esModule: false,
 			},
-		},
-    ]
-  },
-  optimization: {
+			{
+				test: /\.(js|jsx)$/,
+				exclude: /node_modules/,
+				use: 'babel-loader',
+			},
+			{
+				test: /\.(css|sass|scss)$/,
+				use: [
+					externalCss === true ? MiniCssExtractPlugin.loader : 'style-loader',
+					{
+						loader: 'css-loader',
+						options: {
+							modules: {
+								namedExport: false,
+								exportLocalsConvention: 'as-is',
+								auto: /\.module\.\w+$/i,
+							}
+						},
+					},
+					'sass-loader',
+				], 
+			},
+      	{
+				test: /\.(ttf|otf|eot|woff|woff2)$/,
+				loader: 'url-loader',
+				options: {
+					name: 'assets/fonts/[name].[ext]',
+					esModule: false,
+				},
+			},
+		]
+	},
+	optimization: {
 		minimize: true,
 		minimizer: [
 			new CssMinimizerPlugin(),
 			new TerserPlugin(),
 		],
 	},
-}
+};