📢 ¡Tailwind CSS Beta 3 ya está aquí!

Esta semana ha sido un torbellino de actualizaciones para Tailwind CSS, y hoy nos llega la Beta 3 de Tailwind CSS 4.0. Cada nueva beta llega con ajustes importantes que consolidan el camino hacia una versión estable, y esta no es la excepción.

✨ Principales novedades y cambios en Beta 3:

🛠 Correcciones destacadas:

• Compatibilidad mejorada con Safari, Firefox e iOS, asegurando que las clases y prefijos se generen correctamente.
• Solucionados problemas con transiciones de gradientes y opacidad en Safari, especialmente en elementos con tamaño de fuente definido.
• *Variables de espaciado (--spacing-)* ahora tienen prioridad sobre las variables de contenedor (--container-).
• Clases delimitadas por tabulaciones ahora se escanean sin errores.
• Correcciones específicas para la compatibilidad de ARM en Windows y el plugin de Vite.

🔧 Mejoras experimentales y cambios:

• Gradientes interpolados usando OKLAB en lugar de OKLCH por defecto, para una representación de colores más precisa.
• Prefijos para clases .group y .peer se manejan correctamente con la opción prefix(...).
• Ahora las utilidades como translate-* y posiciones de gradientes admiten valores arbitrarios usando calc(...).
• Variables de font-size ahora usan valores de line-height sin unidades en el tema por defecto.

🚀 Conclusión

Esta versión refuerza el enfoque en resolver errores y mejorar la compatibilidad, dejando cada vez más claro que la versión final de Tailwind CSS 4.0 será un gran salto para los desarrolladores.