Globabl Styles or Global Components, what is best practice?

Hi there,
We are currently building out our StencilJS driven design system. I wondered what the best practice or other teams are using for global styles to build up web pages/applications?

More specifically are you creating a global.css file that contains the styles for Typography, Layouts (grid, flexbox etc) or are you creating wrapper components for these?

The goal would be to use the web components for specific UI but they have global styles to allow teams to build up their pages and make sure everything fits together as one suite.

Thanks in advance.