[BUG] Tailwind flex classes are not working

#1703 waiting for a help 😬

Thanks for providing the amazing framework and making it opensource. I'm looking to use Tailwind with GrapesJS, unfortunately grapesjs replaces "/" with "-" in the selector. Is it possible to override this?

When I try to drag and drop responsive columns in canvas

<!-- Two columns -->
<div class="flex mb-4">
  <div class="w-1/2 bg-gray-400 h-12"></div>
  <div class="w-1/2 bg-gray-500 h-12"></div>
</div>

It replaces them to:

<div class="flex mb-4">
  <div class="w-1-2 bg-gray-400 h-12">Drop Your Content
  </div>
  <div class="w-1-2 bg-gray-500 h-12">Drop Your Content
  </div>
</div>

How can I fix this issue? Please help me.

What's your progress on making grapes work with Tailwind @inventorbit? Would love to see!

What's your progress on making grapes work with Tailwind @inventorbit? Would love to see!

@artf , I'm also curious if there is any progress on this or an available work around?

Thanks for your time developing grapes!