I think a separate stylesheet is almost always better from inline styles for the simple reason as if you choose to use inline styling it clutters the entire file while having a separate styles.scss will make life easier as it separates the logic and the styling. If the situation demands it then and only then I use inline styling.
Also I recommend instead of having for example a Person.jsx and person.css file just make a folder called for example Person with index.jsx as the main file and a styles.scss file for the styles.
I think a separate stylesheet is almost always better from inline styles for the simple reason as if you choose to use inline styling it clutters the entire file while having a separate styles.scss will make life easier as it separates the logic and the styling. If the situation demands it then and only then I use inline styling.
Also I recommend instead of having for example a Person.jsx and person.css file just make a folder called for example Person with index.jsx as the main file and a styles.scss file for the styles.
The separation of concerns is a good point. Thank you for sharing!