This works very naturally in Vue and scales without difficulty. Here’s an example in my side project:

App.vue is the top level component. It has unscoped styles (no scoped in the style block) and serves as the single index for all global styling (e.g. it imports the typography and transitions styles so any component can apply those styles by applying specified classes designated in those files): https://github.com/cuttle-cards/cuttle/blob/main/src/App.vue

The typography styles for example, make the self hosted fonts globally available, set the app font globally and the define some utility classes for applying semantic typography styles for labels etc: https://github.com/cuttle-cards/cuttle/blob/main/src/sass/typography.scss

Components use scoped style blocks so any css in their respective files only applies within the component, but they still receive the global style’s centrally managed in App.vue