cli: bump style-loader and mini-css-extract-plugin to latest major versions

Expected Behavior

Should be able to bump these two without issues

Current Behavior

Bumping them results in the following error when building:

Error: Failed to compile.
chunk kyma-project [initial]
static/module-kyma-project.31d3f200.js
Conflict: Multiple chunks emit assets to the same filename static/module-kyma-project.31d3f200.js (chunks 14 and 14)

And when including a content hash in the filename to ensure uniqueness, you get this:

Error: Failed to compile.
static/module-kyma-project.1e9dec32.ab58b93b.js from Terser
Unexpected token: punc (.) [webpack://./node_modules/@kyma-project/asyncapi-react/lib/styles/fiori.css:13,0][static/module-kyma-project.1e9dec32.ab58b93b.js:13,0]

Possible Solution

Seems like duplicate assets are emitted, possibly one CSS and one JS one, but not sure exactly what’s going on.

Steps to Reproduce

1. Bump mini-css-extract-plugin to 1.3.4 and style-loader to 2.0.0
2. Run yarn build in packages/app

Context

https://github.com/backstage/backstage/pull/4139

Your Environment

• NodeJS Version (v12): v12.16.3
• Operating System and Version (e.g. Ubuntu 14.04): MacOS 10.15.7
• Browser Information: N/A

[Rugvip]

So you mean it’s not directly related to the asyncapi-react module?

Yep!

[Fox32]

Just as a reference, maybe for later: https://github.com/backstage/backstage/compare/master...SDA-SE:feat/async-api-web-component