SCSS Causing Duplicate Selectors in Kirby Templates

I currently have an index.scss file that I then @use to import to scss files for all pages templates.

Because of @use, I now have all these duplicate selectors and any changes made to my index.scss are not reflected until I manually compile the page template scss.

Is there a way to reconfigure my scss/css files to remove the duplicate selectors? or is scss generally discouraged from template files?

My problem is that I don’t understand your setup and what you mean with using scss in templates…?

I was using SCSS in my CSS templates for different pages but what I ended up doing is just removing @use from all my CSS templates and just copying over the mixins I needed for each page.