[webpack5] styleUrls file names must match component names #9367

Environment
Nativescript 8.0.3

Describe the bug
The scss file mechanism is not working as in version 7.0.

To Reproduce

ns create demoApp
Angular > Hello World
cd demoApp
code .

open src/app/item and add a file named item-details.component.scss with the following content:

.test {
   background-color: red;
}

change the html file, so that the labels in item-details.component.html has the test class : <Label class="h2 test" ......
change the ts file to reference the scss file: styleUrls: ['item-details.component.scss']

ns run android

the style is correctly applied as expected.

Now rename the scss file to something else (the name must differ from the ts filename). For example xyz.scss and change the ts file to reference it accordingly. styleUrls: ['xyz.scss']

ns run android

There are two warnings during the compilation and the scss is not taken in account anymore.

Expected behavior
This should work as in nativescript 7, our app is looking really weird now because a lot of our styles are not loaded anymore.

Sample project
follow the steps described above

Additional context
I found a workaround: if the last part of the name does not change, it seems to work. So with my example, naming the file xyz.component.scss is working, but xyz.scss is not. This is a breaking change.