@codecademy/gamut-styles

Index: package/dist/themes/percipio.d.ts
===================================================================
--- package/dist/themes/percipio.d.ts
+++ package/dist/themes/percipio.d.ts
@@ -61,20 +61,45 @@
         md: string;
         lg: string;
         xl: string;
     };
+    zIndices: Record<"zIndices", import("@codecademy/variance").KeyAsVariable<{
+        readonly underlay: -100;
+        readonly base: 0;
+        readonly foreground: 100;
+        readonly portal: 200;
+        readonly widget: 300;
+        readonly appBar: 400;
+        readonly flyout: 500;
+        readonly modal: 600;
+        readonly popover: 700;
+        readonly toaster: 800;
+        readonly tooltip: 900;
+    }, "zIndices">> & {
+        readonly underlay: -100;
+        readonly base: 0;
+        readonly foreground: 100;
+        readonly portal: 200;
+        readonly widget: 300;
+        readonly appBar: 400;
+        readonly flyout: 500;
+        readonly modal: 600;
+        readonly popover: 700;
+        readonly toaster: 800;
+        readonly tooltip: 900;
+    };
     elements: Record<"elements", import("@codecademy/variance").KeyAsVariable<{
         readonly headerHeight: {
             readonly base: "4rem";
             readonly md: "5rem";
         };
-        readonly headerZ: 15;
+        readonly headerZ: 400;
     }, "elements">> & {
         readonly headerHeight: {
             readonly base: "4rem";
             readonly md: "5rem";
         };
-        readonly headerZ: 15;
+        readonly headerZ: 400;
     };
     borderRadii: {
         none: string;
         sm: string;
@@ -111,10 +136,10 @@
         readonly 48: string;
         readonly 64: string;
         readonly 96: string;
     };
-    _variables: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string, import("@codecademy/variance").CSSObject>, Record<string, import("@codecademy/variance").CSSObject>> & Record<string, import("@codecademy/variance").CSSObject>;
-    _tokens: import("@codecademy/variance/dist/createTheme/types").Assign<Record<string | number, any>, Record<string | number, any>> & Record<string | number, any>;
+    _variables: import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<Record<string, import("@codecademy/variance").CSSObject>, Record<string, import("@codecademy/variance").CSSObject>>, Record<string, import("@codecademy/variance").CSSObject>> & Record<string, import("@codecademy/variance").CSSObject>;
+    _tokens: import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance/dist/createTheme/types").Assign<Record<string | number, any>, Record<string | number, any>>, Record<string | number, any>> & Record<string | number, any>;
     colors: import("@codecademy/variance/dist/createTheme/types").Assign<import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
         readonly beige: "#FFF0E5";
         readonly blue: "#1557FF";
         readonly green: "#008A27";