Suponha que você tenha dois componentes, ButtonA e ButtonB, cada um com seu próprio arquivo CSS.
Se ButtonA e ButtonB são usados na mesma página, o último CSS importado (neste caso, ButtonB.css) poderia inadvertidamente sobrescrever os estilos de ButtonA devido à mesma classe .button. Isso ocorre porque o CSS é global por padrão, e as regras de um arquivo podem conflitar com as de outro se compartilharem o mesmo nome de classe.
CSS Modules soluciona o problema de conflitos de estilos ao localizar os nomes das classes.
