I have Reactjs project, using sass. I updated my Sass version from using node-sass to "sass": "^1.38.0" (dart-sass). I just change all my imports in scss files from using @Import to use @Use rule:
from:
@import "./src/general.scss";
to:
@use "src/general" as *;
I use this line of css in multiple Scss files, across the whole project.
Still, I see my "body" attribute from "_global.scss" file loaded tones of times, and it makes my debugging mode to be very slow, because each element I try to look at in the devtools, it take long time. Any suggestions?