Final bundle (after Purge CSS) full of "--space-x-reverse"

[frederikhors]

My final bundle (after PurgeCSS) is full of --space-x-reverse which take a lot of bytes.

Is there a way (similar to purgecss) to replace any --space-x-reverse (or similar) to their own values?

[frederikhors]

Maybe this can help: https://github.com/MadLittleMods/postcss-css-variables ?

[emartini]

I've tried using that plugin but it fails in some cases

original

.hover\:bg-blue-500:hover {
  --bg-opacity: 1;
  background-color: #4299e1;
  background-color: rgba(66, 153, 225, var(--bg-opacity))
}

after postcss-css-variables

.hover\:bg-blue-500:hover {
  background-color:#4299e1;
  background-color:undefined
}

[emartini]

I'm working in my first tailwind project, and I've not found any --space-x-reverse custom properties yet, but maybe this info about the target option may help you: #1635