Is it right to put colors, fonts into one .sass file and connect them to ReactJS components?

Question

Sass

src:
-- sass:
_fonts.sass
_colors.sass
_main.sass (include all files from the sass folder here) I

store all my components in the components folder, is it correct if I include styles in the components like this:

@import '../sass/main.sass'

or is it wrong, and you need to include only those files that will really be used?
Let's say colors mean I'm doing an import of the _colors.sass file

Answer 1

Yes, it's all a matter of taste. There is nothing criminal in your approach.