Recursive z-index managment

_usage.scss

$z-indexes: (
    main: (
        above-inherit: (),
        nested: (
            low,
            middle,
            high
        ),
        tooltip: ()
    ),
    header: (),
    toaster: ()
);

.main {
    z-index: z(main);
}

.nested {
    z-index: z(main, nested);
}

.high {
    z-index: z(main, nested, high);
}

_z-index.scss

@function z-index($keys) {
    $map: $z-indexes;
    $found-index: null;

    @each $key in $keys {
        @if (type-of($map) == "map") {
            $found-index: index(map-keys($map), $key);
            $map: map-get($map, $key);
        }
        @else {
            $found-index: index($map, $key);
        }
    }

    @return $found-index;
}

@function z($keys...) {
    @return z-index($keys);
}

Hi

Nice function
but one small missing thing:

@function z($keys...) { @return z-index($keys); }

instead of

@function z($keys) { @return z-index($keys); }

Hi, I'm gonna use this now, please correct "managment" to "management" :-)