domains / app-frameworks / opencut-app/opencut

Tailwind v4 Z Syntax

When using Tailwind CSS v4, follow the v4-supported utility syntax for z-index and similar numeric utilities. Prefer the non-bracket form `z-` (e.g., `z-150`, `z-200`) instead of `z-[]`; the JIT compiler will handle arbitrary numeric values and won’t drop these classes.

raw .md Naming Conventions TSX updated 2025-07-31

When using Tailwind CSS v4, follow the v4-supported utility syntax for z-index and similar numeric utilities. Prefer the non-bracket form z-<number> (e.g., z-150, z-200) instead of z-[<number>]; the JIT compiler will handle arbitrary numeric values and won’t drop these classes.

Example:

<div className="absolute pointer-events-auto z-150" />
<ContextMenuContent className="z-200" />

Source discussions