SCSS maps for z-index

[m0ksem]

We have a lot of z-index properties set. It would be nice to have some scss map and set all properties from there.

or it can be CSS variables like we have with border-radius: https://github.com/epicmaxco/vuestic-ui/pull/1134

For example:

--va-z-index-icons: 1
--va-z-index-dropdown: 10
--va-z-index-modals: 100

[asvae]

Some unified declaration would definitely help.

[asvae]

1,2,3,4,5 - 20000 - 20010 - 20020

5 - modal 4 - dropdown

--z-index-1 --z-index-2

--z-index-modal: var(--z-index-1)

[asvae]

Needs affirmation and champion, otherwise looks ready for implementation.