[Dúvida] Arquivo css post | React: desenvolvendo em React Router com JavaScript

Olá, Thaís! Espero que esteja tudo bem com você.

A sua pergunta é bastante interessante. O arquivo CSS do post foi criado sem ser um módulo porque estamos lidando com a estilização de um conteúdo dinâmico, que é o texto do post. Esse texto é transformado em elementos HTML estáticos pelo React Markdown, sem a adição de classNames.

Para estilizar esse conteúdo, utilizamos um arquivo CSS comum e aplicamos os estilos baseando-nos na classe da div que envolve o componente React Markdown (post-markdown-container). Dessa forma, conseguimos selecionar e estilizar os elementos filhos dessa div (como h3, h4, p, etc.), que são gerados dinamicamente pelo React Markdown.

Como exemplo, temos o seguinte trecho do arquivo CSS:

.post-markdown-container h3,
.post-markdown-container h4,
.post-markdown-container h5,
.post-markdown-container h6 {
    font-family: var(--fonte-secundaria);
}

Nesse caso, estamos selecionando todos os elementos h3, h4, h5 e h6 que são filhos da div com a classe post-markdown-container e aplicando a fonte secundária a eles.

Espero ter ajudado e bons estudos!