[Dúvida] É errado eu pensar desta forma?

Quando utilizamos a função createGlobalStyle do Styled Components, ela nos retorna um novo componente estilizado que não possui as restrições de escopo para o CSS que aplicamos nele. Esse componente pode ser usado para aplicar estilos globais em toda a aplicação, incluindo estilos que afetam elementos que não são filhos diretos do componente onde foi definido. Ele também suporta a interpolação de props, permitindo que os estilos globais sejam ajustados dinamicamente com base em props específicas. Por exemplo, podemos definir estilos globais para um tema escuro e, em seguida, permitir que o usuário escolha entre um tema claro e escuro, ajustando a prop que controla qual tema é aplicado aos estilos globais.

Oi Jefferson, tudo bem?

A forma como você está pensando está correta. A função createGlobalStyle do Styled Components é uma ótima opção para aplicar estilos globais em toda a aplicação, sem as restrições de escopo que normalmente encontramos em CSS. Além disso, a interpolação de props permite que os estilos globais sejam ajustados dinamicamente com base em props específicas, o que é muito útil em casos como o exemplo que você mencionou, de permitir que o usuário escolha entre um tema claro e escuro.

No entanto, é importante lembrar que, como em qualquer tecnologia, existem diferentes formas de abordar um mesmo problema. Então, se você encontrar outras formas de aplicar estilos globais em sua aplicação, pode ser interessante avaliar e comparar as opções para escolher a melhor para o seu caso específico.

Um abraço e bons estudos.