Install with npm or yarn

npm install --save-dev tailwind-z-hierarchy

yarn add --dev tailwind-z-hierarchy

Then add the plugin to your tailwind.config.js file.

const zHierarchy = require("tailwind-z-hierarchy");

module.exports = {
  theme: {
    // your theme configurations
  },
  plugins: [
    zHierarchy([
      "header",
      "sidebar-bg",
      "sidebar"
    ]),
    // other plugins
  ],
}

The array you pass to zHierarchy() will be used to generate the z-index values for your project. The values will be generated in the order you pass them in. To use them in tailwind, you just add the class z-<name>, like z-header or z-sidebar-bg.