🚀 ¡Nueva Beta de Tailwind CSS 4 Disponible! 🎉

¡Hola, comunidad! 👋 Lanzamiento de la versión Tailwind CSS 4-beta.10. Esta actualización trae mejoras y correcciones que optimizan aún más tu experiencia de desarrollo. A continuación, te presentamos las novedades más destacadas:

🆕 Novedades

• @variant en CSS: Ahora puedes utilizar @variant para aplicar variantes directamente en tu CSS, facilitando la gestión de estilos condicionales.
• Transiciones de outline-color: Se ha incluido outline-color en las transiciones de color, permitiendo efectos más suaves y coherentes.

🛠️ Correcciones

• Campos main y browser en @tailwindcss/browser: Se han añadido los campos main y browser que faltaban en @tailwindcss/browser, mejorando la compatibilidad con diversas herramientas.
• Escape de *`** **en nombres de variables:** Ahora es posible escapar el carácteren la sintaxis de nombres de variables de tema (por ejemplo:--color-: initial;`).
• Resolución de valores en utilidades funcionales personalizadas: Se ha mejorado la resolución de valores en utilidades funcionales personalizadas, respetando las opciones definidas en @theme.
• Descartar variantes inválidas: Se eliminan variantes inválidas como data-checked-[selected=1]:*, asegurando una generación de CSS más limpia.
• Sugerencias de *`-outline-offset-** **en IntelliSense:** Ahora, las utilidades-outline-offset-*` se sugieren correctamente en IntelliSense, mejorando la experiencia de desarrollo.