[spfx 1.22] Missing styling on several controls when upgrade to spfx 1.22

Category

[ ] Enhancement

[x] Bug

[ ] Question

Version

Please specify what version of the library you are using: [ 3.23 ]

I am not sure whether other people has the same problem or it is just my own environment issue.
I noticed that many controls (e.g. Accordion,Taxonomy Picker ,Carousel ,maybe more controls has this issue) have missing styling problem after I upgrade my spfx project to v1.22.1 .

Observed Behavior

• TaxonomyPicker lost styling

• RichText lost styling

• FolderPicker lost styling

• Carousel lost styling

• Accordion lost styling

The accordion should be like this

My feeling is that, it looks like all controls which uses "module.scss" file as styling have this issue when upgrade to v1.22.1.

As I said, I am not sure whether it is my own environment issue or other people also have this issue.
Please comment if you can reproduce this problem.

Steps to Reproduce

1. Generate a new webpart spfx project via using latest m365-cli , to make sure it uses heft and spfx version is v1.22.1
2. Add the controls I mentioned (just copy those sample code in the https://pnp.github.io/sp-dev-fx-controls-react/controls )

Reproduce the issue in a new SPFx 1.22.1 webpart generated with the latest m365-cli, using the sample code from the Accordion, TaxonomyPicker, RichText, FolderPicker, and Carousel control pages. Check the controls that use module.scss files and compare their rendered styling with the documented examples; done means the affected controls regain their expected styling.