Retool Custom Components Do Not Render Some Tailwind Classes

💬 App Building
,
1

Goal: To use all Tailwind classes without fail

Issue: I have a few custom components that all make use of Tailwind. As per this post I had followed the installation instructions and in my index.tsx file I import ./output.css.

Some Tailwind classes, specifically space-y- and space-x- do not render in Retool, even though they correctly get added to the output. For example this is part of output.css, but it is ignored inside Retool.

.space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }

They used to work initially, and then stopped working, without any apparant changes on my end. Any idea what coul dbe causing this?

Currently I have to painstakingly declare these as in-line css.

Additional Info: On Cloud hosted version