Soy nuevo en React o frameworks basados en React. En este momento estoy tratando de convertir el sitio web de WordPress en un sitio web estático utilizando el framework Gatsby. Estoy usando Tailwind CSS para front-end y todo parece funcionar bien, excepto que las publicaciones que se cargan desde la base de datos de WordPress (para crear una página web estática) no tienen clases de viento de cola. Por lo tanto, el contenido de cada publicación, como encabezado, texto, listas, no tiene estilo Tailwind.

Puedo usar Javascript para agregar clases adecuadas a diferentes etiquetas, pero es un poco tedioso escribir JS para agregar clases mientras todas las clases ya están cargadas en el navegador.

 document.querySelectorAll("h2").forEach(function (el, i) {
 el.id = i
 el.classList.add("font-red")
})

 .font-red {
 color: red;
}

 <h2>Dynamically loaded heading</h2>

Quiero saber si hay alguna otra forma de agregar clases de Tailwind en las páginas de Gatsby que cargan contenido desde una fuente remota. Estoy evitando usar JS o jQuery.

Cualquier ayuda muy apreciada. ¡Gracias!