[Bug]: Responsive space-x-* utilities are not obfuscated correctly

[c0b41]

Prerequisites

• I have searched the existing issues and discussions.
• I am using the latest version of tailwindcss-obfuscator.

Package version

latest

Tailwind CSS version

v3

Bundler / framework

Vite

What happened?

Hi! I found an issue when using tailwindcss-obfuscator with Tailwind CSS 3.4.13.

Responsive utilities such as md:flex-row are obfuscated correctly, but responsive space-x-* utilities such as md:space-x-2 are not.

Tailwind correctly generates the base space-x-2 rule:

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
}

The obfuscator correctly obfuscates other utilities from the same element. For example:

.s-w8c {
    flex-direction: column;
}

.s-oe1 {
    flex-direction: row;
}

.s-t5f {
    display: flex;
}

Expected behavior
md:space-x-2 should be obfuscated just like other responsive utilities.

@media (min-width: 768px) {
    .s-xyz > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
    }
}

Environment
Tailwind CSS: 3.4.13
tailwindcss-obfuscator: latest
React
Vite

Expected behavior

md:space-x-2 should be obfuscated just like other responsive utilities.

For example, conceptually:

@media (min-width: 768px) {
    .s-xyz > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse)));
        margin-right: calc(.5rem * var(--tw-space-x-reverse));
    }
}

Minimal reproduction

<div className="flex flex-col gap-4 mb-4 align-middle md:space-x-2 md:flex-row">
  <Card className="py-4 md:w-1/2">
    ...
  </Card>

  <Card className="py-4 md:w-1/2">
    ...
  </Card>
</div>

Logs / stack traces

Environment

No response

[github-actions]

👋 Thanks for opening your first issue on tailwindcss-obfuscator!

A few things to know:

• The maintainer (@josedacosta) will respond within ~a week (often faster).
• For bugs, a minimal reproduction in a CodeSandbox / StackBlitz / GitHub repo is the single fastest way to get a fix.
• For "how do I…" questions, please use Discussions instead — issues are reserved for confirmed bugs and concrete feature requests.

Thanks for taking the time to report this. 🙏