A documentação do Tailwind CSS foi atualizada, e agora a importação pelo CDN ocorre de forma diferente. Em vez de incluir estilos diretamente no HTML, agora usamos um script externo e uma nova sintaxe para personalizar as configurações dentro da tag <style>. E Agora, usamos @theme dentro de <style type="text/tailwindcss"> para definir cores, fontes e outras variáveis personalizadas. Caso possa ajudar alguém vou deixar abaixo como fiz:
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Alura Newsletter</title>
<!-- Importação do Tailwind CSS via CDN -->
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<!-- Configuração de temas e variáveis personalizadas -->
<style type="text/tailwindcss">
@theme {
--color-azul-claro: #C5DFFF;
--color-azul-escuro: #061E3C;
--color-azul-hover: #10057B;
--font-inter: Inter, sans-serif;
}
</style>
</head>
