Should I use @import "file" or @use "file" and/or @forward in my scss file(s)?

Answer 1

@import create global css selectors, which allows all html files access.

@use is modular css, only allow current file to access

@forward enable @use module to be extended from current file.

@import is not a good option, it's advisable to use @use rather than @import.

Read more https://www.liquidlight.co.uk/blog/use-and-import-rules-in-scss/

Answer 2

Have a look at it:
https://www.liquidlight.co.uk/blog/use-and-import-rules-in-scss/