feat: support named exports with any characters

The limitation of only allowing `camelCase` named exports fails to take
into account the full capabilities of module exports. In fact, you can
export any name you want with `export { local as "string literal" }`.

This removes the limitation and allows you to set
`exportLocalsConvention` back to `asIs` when using the `namedExports`
option.

Relevant syntax documentation can be found here:
https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/export#syntax

Author: laverdet

README.md

@@ -1119,7 +1119,10 @@ Enables/disables ES modules named export for locals.
 
 > **Warning**
 >
-> Names of locals are converted to camelcase, i.e. the `exportLocalsConvention` option has `camelCaseOnly` value by default.
+> Names of locals are converted to camelcase, i.e. the `exportLocalsConvention` option has
+> `camelCaseOnly` value by default. You can set this back to any other valid option but selectors
+> which are not valid JavaScript identifiers may run into problems which do not implement the entire
+> modules specification.
 
 > **Warning**
 >
@@ -1739,7 +1742,7 @@ With the help of the `/* webpackIgnore: true */`comment, it is possible to disab
 .class {
   /* Disabled url handling for the first url in the 'background' declaration */
   color: red;
-  background: 
+  background:
     /* webpackIgnore: true */ url("./url/img.png"), url("./url/img.png");
 }
 
@@ -1755,7 +1758,7 @@ With the help of the `/* webpackIgnore: true */`comment, it is possible to disab
   /* Disabled url handling for the second url in the 'background' declaration */
   color: red;
   background: url("./url/img.png"),
-    /* webpackIgnore: true */ 
+    /* webpackIgnore: true */
     url("./url/img.png");
 }
 

package-lock.json

@@ -676,16 +676,6 @@ function getModulesOptions(rawOptions, exportType, loaderContext) {
         "The 'modules.namedExport' option requires the 'esModules' option to be enabled"
       );
     }
-
-    if (
-      typeof exportLocalsConventionType === "string" &&
-      exportLocalsConventionType !== "camelCaseOnly" &&
-      exportLocalsConventionType !== "dashesOnly"
-    ) {
-      throw new Error(
-        'The "modules.namedExport" option requires the "modules.exportLocalsConvention" option to be "camelCaseOnly" or "dashesOnly"'
-      );
-    }
   }
 
   return modulesOptions;
@@ -1156,6 +1146,7 @@ function getExportCode(
 
   if (icssPluginUsed) {
     let localsCode = "";
+    let identifierId = 0;
 
     const addExportToLocalsCode = (names, value) => {
       const normalizedNames = Array.isArray(names)
@@ -1164,11 +1155,14 @@ function getExportCode(
 
       for (const name of normalizedNames) {
         if (options.modules.namedExport) {
-          localsCode += `export var ${name} = ${
+          identifierId += 1;
+          const id = `_${identifierId.toString(16)}`;
+          localsCode += `var ${id} = ${
             isTemplateLiteralSupported
               ? convertToTemplateLiteral(value)
               : JSON.stringify(value)
           };\n`;
+          localsCode += `export { ${id} as ${JSON.stringify(name)} };\n`;
         } else {
           if (localsCode) {
             localsCode += `,\n`;