Tem experiência com CSS-in-JS ou styled-components?

Sim, tenho experiência com CSS-in-JS e styled-components. São abordagens em que os estilos são escritos diretamente no código JavaScript, permitindo criar componentes com estilos encapsulados.

Por exemplo, com styled-components, pode-se criar um botão com estilos únicos:

import styled from 'styled-components';

const Button = styled.button`
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;

  &:hover {
    background-color: #45a049;
  }
`;

export default function App() {
  return <Button>Clica em mim</Button>;
}

Isto é útil para alterar estilos dinamicamente, suportar temas e prevenir conflitos de CSS.