A explicação dada pelo professor sobre opacidade não funciona.
Encontrei outro aluno com a mesma dúvida, mas a resposta dada à pergunta eu não consegui entender e nem fazer funcionar, neste link.
Eu até consegui fazer funcionar uma vez, definindo um tipo para opacityValue, ficando assim:
primary: ({ opacityValue }: {RecursiveKeyValuePair<number>} ) => `rgba(var(--primary), ${opacityValue})`,
no entanto, o typescript ficava apontando erro.
No momento estou definindo uma cor com opacidade no arquivo globals.css, mas isso não é prático, pois eu deixo de usar a classe dinâmica "bg-opacity" e fico definindo uma variável para cada nível de opacidade que preciso.
Por favor, esclareçam melhor.
[EDIT] Verifiquei na documentação que usar "opacity-[valor]" funciona normal, ao invés de usar "bg-opacity-[valor]". Assim está correto??
