Los estilos generados no se escapan de dos puntos en los nombres de clase

Actualmente uso GrapeJS para un proyecto en el que estoy trabajando localmente y lo integré con algunos componentes de la interfaz de Tailwind.

En general funciona muy bien, pero he notado que hacer cambios en algunos elementos no funciona (por ejemplo, cambiar el color del texto o el formato).

Mirándolo más a fondo puedo ver que esto se debe a que los estilos generados no se escapan de los dos puntos de las clases que usa grapesJs para crear el selector CSS.

Por ejemplo, este es un selector que GrapeJs emite:

.text-3xl.leading-9.font-extrabold.text-gray-900.sm:text-4xl.sm:leading-10.lg:text-5xl.lg:leading-none{
  color: #3866c2;
}

El selector debería ser algo así:

.text-3xl.leading-9.font-extrabold.text-gray-900.sm\:text-4xl.sm\:leading-10.lg\:text-5xl.lg\:leading-none{
  color: #3866c2;
}