zIndex

const zIndex: {
  select: {
     list: {
        value: "{zIndex.popup}";
     };
  };
  modal: {
     overlay: {
        value: "{zIndex.scrim}";
     };
     dialog: {
        value: "{zIndex.floating}";
     };
  };
  base: {
     value: 0;
     unit: "none";
  };
  raised: {
     value: 1;
     unit: "none";
  };
  popup: {
     value: 200;
     unit: "none";
  };
  scrim: {
     value: 400;
     unit: "none";
  };
  floating: {
     value: 500;
     unit: "none";
  };
};

readonly select: {
  list: {
     value: "{zIndex.popup}";
  };
};

readonly list: {
  value: "{zIndex.popup}";
};

readonly value: "{zIndex.popup}" = "{zIndex.popup}";

readonly modal: {
  overlay: {
     value: "{zIndex.scrim}";
  };
  dialog: {
     value: "{zIndex.floating}";
  };
};

readonly overlay: {
  value: "{zIndex.scrim}";
};

readonly value: "{zIndex.scrim}" = "{zIndex.scrim}";

readonly dialog: {
  value: "{zIndex.floating}";
};

readonly value: "{zIndex.floating}" = "{zIndex.floating}";

readonly base: {
  value: 0;
  unit: "none";
};

readonly value: 0 = 0;

readonly unit: "none" = "none";

readonly raised: {
  value: 1;
  unit: "none";
};

readonly value: 1 = 1;

readonly unit: "none" = "none";

readonly popup: {
  value: 200;
  unit: "none";
};

readonly value: 200 = 200;

readonly unit: "none" = "none";

readonly scrim: {
  value: 400;
  unit: "none";
};

readonly value: 400 = 400;

readonly unit: "none" = "none";

readonly floating: {
  value: 500;
  unit: "none";
};

readonly value: 500 = 500;

readonly unit: "none" = "none";