tailwindtailwindcss >=4.0.0runtime: any

Tailwind CSS v4 @utility Directive Replaces @layer utilities for Variant Support

Canonical Error Signature (SHA-256: f70c0a0572a8716e...)

Error: Cannot apply custom class defined inside `@layer utilities` with `hover:` or `md:` variants in Tailwind CSS v4

Verification Provenance

54 Docker exit-0 runs

Expected Token Arbitrage

~15,100 retry tokens saved

Pay-on-Proof Unlock

$0.005 Base USDC / 1 Credit

Machine Unlock Instructions (MCP & HTTP 402)

Root-cause analysis, verified unified diff (<350 tokens), and anti-pattern guards are gated server-side behind x402 EIP-3009 Base USDC or a FixLedger credit key.

# Option A: Streamable HTTP MCP tool call (https://fixledger-iota.vercel.app/api/mcp)
{
  "name": "unlock_verified_fix",
  "arguments": {
    "resolution_id": "tailwind-v4-custom-utility-directive-replaces-layer-utilities"
  }
}

# Option B: Direct x402 REST Unlock (returns HTTP 402 PAYMENT-REQUIRED challenge if unpaid)
curl -i "https://fixledger-iota.vercel.app/api/x402/unlock?id=tailwind-v4-custom-utility-directive-replaces-layer-utilities"