SCSS compiling is too long after changes are saved

[nigellima]

Hi, everyone.

So, I have been using Carbon in a project over a year now. Usually the start/build take really long because I use the global scss import. But after it has started, saving the SCSS changes is quite fast. This project I created using create-react-app and I'm using these package versions here:

"react": "^17.0.1",
"node-sass": "^4.14.1",
...
"carbon-components": "^10.11.2",
"carbon-components-react": "^7.11.3",
"carbon-icons": "^7.0.7",

---

Then recently I have created another project using the latest versions of carbon's packages, which are:

"react": "^17.0.2",
"sass": "^1.38.2",
"node-sass": "^4.14.1",
...
"carbon-components": "^10.41.0",
"carbon-components-react": "^7.41.0",
"carbon-icons": "^7.0.7",
"@carbon/icons-react": "^10.37.0",
"@carbon/pictograms-react": "^11.17.0",

However, comparing to the other project which uses older versions, this new takes really long to compile the changes. Sometimes it takes more than 5s. And it displays something like this while compiling in the terminal:

In this new one we are importing the styles for the components only if are using them, like described in this README file here. But the issue still persists in both cases (also when importing all the styles with one line only).

Is this a known issue or maybe I have done something wrong during the installation? I followed the steps described here.

Thanks in advance