diff --git a/packages/icons/webpack.config.js b/packages/icons/webpack.config.js
index 8c8db3e341..01d8996e7c 100644
--- a/packages/icons/webpack.config.js
+++ b/packages/icons/webpack.config.js
@@ -39,6 +39,7 @@ module.exports = {
 							url: false,
 							modules: {
 								namedExport: false,
+								exportLocalsConvention: 'as-is',
 							},
 						},
 					},
diff --git a/packages/theme/webpack.config.js b/packages/theme/webpack.config.js
index b43533b890..ea382f0335 100644
--- a/packages/theme/webpack.config.js
+++ b/packages/theme/webpack.config.js
@@ -47,6 +47,7 @@ module.exports = (env, argv) => {
 								sourceMap: true,
 								modules: {
 									namedExport: false,
+									exportLocalsConvention: 'as-is',
 								},
 							},
 						},
diff --git a/tools/scripts-config-react-webpack/config/webpack.config.common.js b/tools/scripts-config-react-webpack/config/webpack.config.common.js
index 664800780c..18c04eb045 100644
--- a/tools/scripts-config-react-webpack/config/webpack.config.common.js
+++ b/tools/scripts-config-react-webpack/config/webpack.config.common.js
@@ -31,6 +31,7 @@ function getCommonStyleLoaders(enableModules, isEnvDevelopmentServe) {
 		sourceMap,
 		modules: {
 			namedExport: false,
+			exportLocalsConvention: 'as-is',
 		},
 	};
 	if (enableModules) {
@@ -38,6 +39,7 @@ function getCommonStyleLoaders(enableModules, isEnvDevelopmentServe) {
 			sourceMap,
 			modules: {
 				namedExport: false,
+				exportLocalsConvention: 'as-is',
 				localIdentName: '[name]__[local]___[hash:base64:5]',
 			},
 			importLoaders: 1,