Attempting to adjust an ejected CRA config to allow kebab-case CSS and camelCase JS via css-loaders webpack

[seandonn-boston]

Hey all,

I'm attempting to replicate this syntactical config via css-loaders 3.4.2 in an ejected create-react-app 3.4.1, however I have been entirely unsuccessful. I've written up a more detailed stackoverflow post describing my goal, research, and current (failing) attempt.

At a glance, I would like the following results in my code:
styles.css

.foo-baz {
  color: red;
}
.bar {
  color: blue;
}

index.js

import styles from './styles.css';

console.log(styles);
// expected result: { fooBaz, bar }
// actual, default results: { foo-baz, bar }

And this is my most accurate yet failing attempt in webpack.config.js

...
{
  test: cssRegex,
  exclude: cssModuleRegex,
  use: getStyleLoaders({
    importLoaders: 1,
    sourceMap: isEnvProduction && shouldUseSourceMap,
    localsConvention: "camelCase", // my only addition is this line
  }),
  sideEffects: true,
},
...

Has anyone been able to accomplish this? Is there a better place to ask these questions?