@codecademy/gamut

Index: package/dist/PatternBackdrop/PatternBackdrop.js
===================================================================
--- package/dist/PatternBackdrop/PatternBackdrop.js
+++ package/dist/PatternBackdrop/PatternBackdrop.js
@@ -1,8 +1,8 @@
 import _styled from "@emotion/styled/base";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { CheckerDense } from '@codecademy/gamut-patterns';
-import { styledOptions, system } from '@codecademy/gamut-styles';
+import { styledOptions, system, zIndices } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
 import { forwardRef } from 'react';
 import { Box } from '../Box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -11,13 +11,13 @@
   target: "ezdf3zh0",
   label: "PatternBackdropBody"
 }, styledOptions))(system.css({
   position: 'relative',
-  zIndex: 1,
+  zIndex: zIndices.foreground,
   bg: 'background',
   border: 1,
   maxWidth: 1
-}), backdropBodyProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXR0ZXJuQmFja2Ryb3AvUGF0dGVybkJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEIiLCJmaWxlIjoiLi4vLi4vc3JjL1BhdHRlcm5CYWNrZHJvcC9QYXR0ZXJuQmFja2Ryb3AudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMsIHZhcmlhbmNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvdmFyaWFuY2UnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0JveCc7XG5cbmNvbnN0IGJhY2tkcm9wQm9keVByb3BzID0gdmFyaWFuY2UuY29tcG9zZShzeXN0ZW0ubGF5b3V0LCBzeXN0ZW0ucGFkZGluZyk7XG5cbmNvbnN0IFBhdHRlcm5CYWNrZHJvcEJvZHkgPSBzdHlsZWQoJ2RpdicsIHN0eWxlZE9wdGlvbnMpPFxuICBTdHlsZVByb3BzPHR5cGVvZiBiYWNrZHJvcEJvZHlQcm9wcz5cbj4oXG4gIHN5c3RlbS5jc3Moe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHpJbmRleDogMSxcbiAgICBiZzogJ2JhY2tncm91bmQnLFxuICAgIGJvcmRlcjogMSxcbiAgICBtYXhXaWR0aDogMSxcbiAgfSksXG4gIGJhY2tkcm9wQm9keVByb3BzXG4pO1xuXG50eXBlIFBhdHRlcm5CYWNrZHJvcFByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIFBhdHRlcm5CYWNrZHJvcEJvZHk+O1xuXG4vKipcbiAqIEludGVybmFsIGJvcmRlcmVkIHN1cmZhY2Ugd2l0aCBhIGJvdHRvbS1sZWZ0IGNoZWNrZXIgcGF0dGVybiBvZmZzZXQuXG4gKiBDb21wb3NlZCB2aWEgYHN0eWxlZChQYXR0ZXJuQmFja2Ryb3ApYCBieSBUb2FzdCBhbmQgTW9kYWw7IG5vdCBleHBvcnRlZCDigJQgdXNlIHRob3NlIG9yIGBDYXJkYC5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhdHRlcm5CYWNrZHJvcCA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFBhdHRlcm5CYWNrZHJvcFByb3BzPihcbiAgKHsgY2hpbGRyZW4sIC4uLnJlc3QgfSwgcmVmKSA9PiAoXG4gICAgPEJveCBkaXNwbGF5PVwiaW5saW5lLWJsb2NrXCIgbWF4V2lkdGg9XCIxMDAlXCIgcG9zaXRpb249XCJyZWxhdGl2ZVwiIHpJbmRleD17MX0+XG4gICAgICA8Q2hlY2tlckRlbnNlXG4gICAgICAgIGRpbWVuc2lvbnM9ezF9XG4gICAgICAgIGxlZnQ9XCItMC41cmVtXCJcbiAgICAgICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgICAgIHRvcD1cIjAuNXJlbVwiXG4gICAgICAvPlxuICAgICAgPFBhdHRlcm5CYWNrZHJvcEJvZHkgey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9QYXR0ZXJuQmFja2Ryb3BCb2R5PlxuICAgIDwvQm94PlxuICApXG4pO1xuIl19 */");
+}), backdropBodyProps, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QYXR0ZXJuQmFja2Ryb3AvUGF0dGVybkJhY2tkcm9wLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVNEIiLCJmaWxlIjoiLi4vLi4vc3JjL1BhdHRlcm5CYWNrZHJvcC9QYXR0ZXJuQmFja2Ryb3AudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hlY2tlckRlbnNlIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtcGF0dGVybnMnO1xuaW1wb3J0IHsgc3R5bGVkT3B0aW9ucywgc3lzdGVtLCB6SW5kaWNlcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LXN0eWxlcyc7XG5pbXBvcnQgeyBTdHlsZVByb3BzLCB2YXJpYW5jZSB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IENvbXBvbmVudFByb3BzLCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuLi9Cb3gnO1xuXG5jb25zdCBiYWNrZHJvcEJvZHlQcm9wcyA9IHZhcmlhbmNlLmNvbXBvc2Uoc3lzdGVtLmxheW91dCwgc3lzdGVtLnBhZGRpbmcpO1xuXG5jb25zdCBQYXR0ZXJuQmFja2Ryb3BCb2R5ID0gc3R5bGVkKCdkaXYnLCBzdHlsZWRPcHRpb25zKTxcbiAgU3R5bGVQcm9wczx0eXBlb2YgYmFja2Ryb3BCb2R5UHJvcHM+XG4+KFxuICBzeXN0ZW0uY3NzKHtcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB6SW5kZXg6IHpJbmRpY2VzLmZvcmVncm91bmQsXG4gICAgYmc6ICdiYWNrZ3JvdW5kJyxcbiAgICBib3JkZXI6IDEsXG4gICAgbWF4V2lkdGg6IDEsXG4gIH0pLFxuICBiYWNrZHJvcEJvZHlQcm9wc1xuKTtcblxudHlwZSBQYXR0ZXJuQmFja2Ryb3BQcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBQYXR0ZXJuQmFja2Ryb3BCb2R5PjtcblxuLyoqXG4gKiBJbnRlcm5hbCBib3JkZXJlZCBzdXJmYWNlIHdpdGggYSBib3R0b20tbGVmdCBjaGVja2VyIHBhdHRlcm4gb2Zmc2V0LlxuICogQ29tcG9zZWQgdmlhIGBzdHlsZWQoUGF0dGVybkJhY2tkcm9wKWAgYnkgVG9hc3QgYW5kIE1vZGFsOyBub3QgZXhwb3J0ZWQg4oCUIHVzZSB0aG9zZSBvciBgQ2FyZGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYXR0ZXJuQmFja2Ryb3AgPSBmb3J3YXJkUmVmPEhUTUxEaXZFbGVtZW50LCBQYXR0ZXJuQmFja2Ryb3BQcm9wcz4oXG4gICh7IGNoaWxkcmVuLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICAgIDxCb3hcbiAgICAgIGRpc3BsYXk9XCJpbmxpbmUtYmxvY2tcIlxuICAgICAgbWF4V2lkdGg9XCIxMDAlXCJcbiAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgekluZGV4PXt6SW5kaWNlcy5mb3JlZ3JvdW5kfVxuICAgID5cbiAgICAgIDxDaGVja2VyRGVuc2VcbiAgICAgICAgZGltZW5zaW9ucz17MX1cbiAgICAgICAgbGVmdD1cIi0wLjVyZW1cIlxuICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgdG9wPVwiMC41cmVtXCJcbiAgICAgIC8+XG4gICAgICA8UGF0dGVybkJhY2tkcm9wQm9keSB7Li4ucmVzdH0gcmVmPXtyZWZ9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1BhdHRlcm5CYWNrZHJvcEJvZHk+XG4gICAgPC9Cb3g+XG4gIClcbik7XG4iXX0= */");
 /**
  * Internal bordered surface with a bottom-left checker pattern offset.
  * Composed via `styled(PatternBackdrop)` by Toast and Modal; not exported — use those or `Card`.
  */
@@ -27,9 +27,9 @@
 }, ref) => /*#__PURE__*/_jsxs(Box, {
   display: "inline-block",
   maxWidth: "100%",
   position: "relative",
-  zIndex: 1,
+  zIndex: zIndices.foreground,
   children: [/*#__PURE__*/_jsx(CheckerDense, {
     dimensions: 1,
     left: "-0.5rem",
     position: "absolute",