Use sass modules

[li-kai]

Is your feature request related to a problem? Please describe.

SASS has introduced a new feature called @use that does what we want instead of @import which is prone to duplicating styles.

https://css-tricks.com/introducing-sass-modules/

Describe the solution you'd like

Replace instances of using @import in most places with @use where possible.

e.g. @import '~styles/utils/modules-entry'; should be @use '~styles/utils/modules-entry';

Describe alternatives you've considered

NIL. I've not explored sass modules too much, but it looks powerful for other things than just importing.

Additional context

https://sass-lang.com/documentation/cli/migrator http://sass.logdown.com/

[fernandacanepa]

Hi! I read the link you left and indeed it looks powerful. All that you want here is to replace the @imports with @use? think I can do that haha

[li-kai]

Yes, that's all we want at the moment. I'll assign the issue if you want to take this up!

[fernandacanepa]

Yes, that's all we want at the moment. I'll assign the issue if you want to take this up!

Yass! I would like to take it!

[li-kai]

All yours! Thanks for volunteering for this. 😄