[V4] Add z-index to @theme

[stijns96]

With V4 there is no option to extend the z-index utility.

I know had to add the code below myself.

@utility z-* {
  z-index: --value(--z- *, integer, [integer]);
}

In addition to this, [integer] doesn't really do much. I can simply add z-[hidden] and it is transformed to:

.z-\[hidden\] {
    z-index: hidden;
  }

[wongjn]

You can do:

@theme {
  --z-index-foo: foo;
}

To add custom values. Though for integer values, it works out of the box without the need for any theme extension required.

[stijns96]

wow, that's great. Previously we had my specific values and that's possible with --margin-block-foo.

Thanks for the tip!