diff --git a/package.json b/package.json
index 7bdd179a44..1cdc909a90 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "@openstax/highlighter": "https://github.com/openstax/highlighter#1.16.4b",
     "@openstax/open-search-client": "0.1.0-build.7",
     "@openstax/ts-utils": "1.19.0",
-    "@openstax/ui-components": "openstax/ui-components#1.21.1",
+    "@openstax/ui-components": "openstax/ui-components#test-core-2736-3",
     "@sentry/integrations": "^7.54.0",
     "@sentry/react": "^7.54.0",
     "classnames": "2.3.2",
@@ -185,6 +185,7 @@
     "moduleNameMapper": {
       "//comment//": "remove this when CRA upgrades jest above 28",
       "(.*)@openstax/ts-utils(.*)": "$1@openstax/ts-utils/dist/cjs$2",
+      "(.*)@openstax/ui-components/(.*)": "$1@openstax/ui-components/dist/cjs/$2",
       "\\.css$": "<rootDir>/__mocks__/styleMock.js"
     },
     "setupFilesAfterEnv": [
diff --git a/src/app/content/highlights/components/__snapshots__/EditCard.spec.tsx.snap b/src/app/content/highlights/components/__snapshots__/EditCard.spec.tsx.snap
index 1607a3715f..29858f2072 100644
--- a/src/app/content/highlights/components/__snapshots__/EditCard.spec.tsx.snap
+++ b/src/app/content/highlights/components/__snapshots__/EditCard.spec.tsx.snap
@@ -2,20 +2,7 @@
 
 exports[`EditCard Snapshots and Rendering matches snapshot when editing 1`] = `
 Array [
-  .c0 {
-  position: fixed;
-  right: 2rem;
-  z-index: 40;
-  display: grid;
-  justify-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  gap: 1vh;
-}
-
-<div
+  <div
     style={
       Object {
         "--elevated-toast-z-index": 131,
@@ -24,7 +11,7 @@ Array [
   >
     <div
       aria-live="polite"
-      className="c0 elevated-toast-container"
+      className="toast-container elevated-toast-container"
     />
   </div>,
   <div
@@ -162,20 +149,7 @@ exports[`EditCard Snapshots and Rendering matches snapshot when focused 1`] = `
 
 exports[`EditCard Snapshots and Rendering matches snapshot with data for authenticated user 1`] = `
 Array [
-  .c0 {
-  position: fixed;
-  right: 2rem;
-  z-index: 40;
-  display: grid;
-  justify-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  gap: 1vh;
-}
-
-<div
+  <div
     style={
       Object {
         "--elevated-toast-z-index": 131,
@@ -184,7 +158,7 @@ Array [
   >
     <div
       aria-live="polite"
-      className="c0 elevated-toast-container"
+      className="toast-container elevated-toast-container"
     />
   </div>,
   <div
diff --git a/src/app/developer/components/__snapshots__/Home.spec.tsx.snap b/src/app/developer/components/__snapshots__/Home.spec.tsx.snap
index 4e674baf02..39a08da4a4 100644
--- a/src/app/developer/components/__snapshots__/Home.spec.tsx.snap
+++ b/src/app/developer/components/__snapshots__/Home.spec.tsx.snap
@@ -734,7 +734,15 @@ Array [
                   Privacy Policy
                 </a>
               </li>
-              <li />
+              <li>
+                <style
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": ".cky-btn-revisit-wrapper.cky-btn-revisit-wrapper, .cky-btn-revisit { display: none; }",
+                    }
+                  }
+                />
+              </li>
             </menu>
           </div>
         </div>
diff --git a/src/app/errors/components/__snapshots__/ErrorBoundary.spec.tsx.snap b/src/app/errors/components/__snapshots__/ErrorBoundary.spec.tsx.snap
index 33b19bc5fb..35dc059cca 100644
--- a/src/app/errors/components/__snapshots__/ErrorBoundary.spec.tsx.snap
+++ b/src/app/errors/components/__snapshots__/ErrorBoundary.spec.tsx.snap
@@ -217,7 +217,15 @@ Array [
                   Privacy Policy
                 </a>
               </li>
-              <li />
+              <li>
+                <style
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": ".cky-btn-revisit-wrapper.cky-btn-revisit-wrapper, .cky-btn-revisit { display: none; }",
+                    }
+                  }
+                />
+              </li>
             </menu>
           </div>
         </div>
@@ -598,7 +606,15 @@ Array [
                   Privacy Policy
                 </a>
               </li>
-              <li />
+              <li>
+                <style
+                  dangerouslySetInnerHTML={
+                    Object {
+                      "__html": ".cky-btn-revisit-wrapper.cky-btn-revisit-wrapper, .cky-btn-revisit { display: none; }",
+                    }
+                  }
+                />
+              </li>
             </menu>
           </div>
         </div>
diff --git a/src/app/theme.spec.ts b/src/app/theme.spec.ts
index 10486889d3..e52ad14a56 100644
--- a/src/app/theme.spec.ts
+++ b/src/app/theme.spec.ts
@@ -2,13 +2,15 @@
  * Keeps the theme and the stylesheets honest.
  *
  * Jest maps `*.css` imports to a style mock, so these read the stylesheets off disk
- * with `fs` instead of importing them. The audit itself lives in src/test/cssColors.ts,
- * shared with `script/generate-theme-baseline.ts` so the two cannot disagree.
+ * with `fs` instead of importing them. REX's half of the audit lives in
+ * src/test/cssColors.ts, shared with `script/generate-theme-baseline.ts` so the two
+ * cannot disagree; the parsing underneath it comes from @openstax/ui-components.
  */
+import { describeColor, stripNoise } from '@openstax/ui-components/theme/cssColors';
 import fs from 'fs';
 import path from 'path';
 import {
-  colorViolations, describeColor, stripNoise, stylesheetFiles, tokenChoices,
+  colorViolations, stylesheetFiles, tokenChoices,
 } from '../test/cssColors';
 import theme from './theme';
 import { themeCss, themeTokens } from './themeCss';
diff --git a/src/test/cssColors.spec.ts b/src/test/cssColors.spec.ts
index 280ec51993..e5fc34b029 100644
--- a/src/test/cssColors.spec.ts
+++ b/src/test/cssColors.spec.ts
@@ -1,375 +1,14 @@
-import {
-  colorKey,
-  declarations,
-  describeColor,
-  opaqueKey,
-  stripNoise,
-  stylesheetColors,
-  takesColor,
-  themeColorIndex,
-  tokenChoices,
-} from './cssColors';
-
-const literals = (css: string) => stylesheetColors(css).map((found) => found.literal);
-const values = (css: string) => declarations(css).map((declaration) => declaration.value);
-
-describe('stripNoise', () => {
-  it('removes block comments', () => {
-    expect(stripNoise('a { /* #ff0000 */ color: red; }')).not.toContain('#ff0000');
-  });
-
-  it('removes string contents so content: "tan" is not a color', () => {
-    expect(stripNoise('a { content: "tan"; }')).not.toContain('tan');
-  });
-
-  it('removes url() payloads', () => {
-    const blanked = stripNoise('a { background: url(data:image/svg+xml;base64,Zm9v) no-repeat; }');
-    expect(blanked).not.toContain('base64');
-    expect(blanked).toContain('no-repeat');
-  });
-
-  it('keeps the url() parentheses, which are structure rather than noise', () => {
-    // declarations balances parens to know a `;` inside url() is not a separator
-    expect(stripNoise('a { background: url(x;y); }')).toContain('url(');
-    expect(stripNoise('a { background: url(x;y); }')).toContain(')');
-  });
-
-  it('handles an escaped quote inside a string', () => {
-    expect(stripNoise('a { content: "a\\"b"; }')).not.toContain('b"');
-  });
-
-  it('tolerates an unterminated comment', () => {
-    expect(stripNoise('a { color: red; /* oops')).toContain('color: red;');
-  });
-
-  it.each([
-    ['a comment', 'a { /* note */ color: red; }'],
-    ['a string', 'a { content: "tan"; }'],
-    ['an unterminated string', 'a { content: "tan }'],
-    ['a url()', 'a { background: url(data:image/svg+xml;base64,Zm9v); }'],
-    ['an unterminated url()', 'a { background: url(oops }'],
-    ['an unterminated comment', 'a { color: red; /* oops'],
-  ])('blanks %s without changing the length', (_case, css) => {
-    // declarations addresses two differently-blanked copies with one index, so this
-    // is load-bearing rather than cosmetic: a length change silently misaligns context.
-    expect(stripNoise(css)).toHaveLength(css.length);
-  });
-});
-
-describe('declarations', () => {
-  it('reads declarations at the top level of a rule', () => {
-    expect(values('a { color: red; background: blue; }')).toEqual(['red', 'blue']);
-  });
-
-  it('reads declarations nested in @media', () => {
-    expect(values('@media (max-width: 50em) { a { color: red; } }')).toEqual(['red']);
-  });
-
-  it('does not mistake a pseudo-class selector for a declaration', () => {
-    expect(values('a:hover { color: red; }')).toEqual(['red']);
-  });
-
-  it('does not mistake @keyframes percentages for declarations', () => {
-    expect(values('@keyframes f { 0% { opacity: 0; } 100% { opacity: 1; } }'))
-      .toEqual(['0', '1']);
-  });
-
-  it('ignores at-rules outside a block, such as @import', () => {
-    expect(values('@import "./theme.css";')).toEqual([]);
-  });
-
-  it('reads a declaration with no trailing semicolon', () => {
-    expect(values('a { color: red }')).toEqual(['red']);
-  });
-
-  it('does not split on a semicolon inside parentheses', () => {
-    expect(values('a { background: url(x;y); color: red; }')).toContain('red');
-  });
-
-  it('keeps a custom property declaration', () => {
-    expect(values(':root { --color-x: #fff; }')).toEqual(['#fff']);
-  });
-
-  it('lower-cases the property name', () => {
-    expect(declarations('a { COLOR: red; }')[0].property).toEqual('color');
-  });
-
-  it('records the selector as context', () => {
-    expect(declarations('a:hover .thing { color: red; }')[0].context)
-      .toEqual('a:hover .thing');
-  });
-
-  it('collapses whitespace in the context', () => {
-    expect(declarations('a,\n  b {\n  color: red;\n}')[0].context).toEqual('a, b');
-  });
-
-  it('nests the at-rule prelude and the selector in the context', () => {
-    expect(declarations('@media (max-width: 50em) { a { color: red; } }')[0].context)
-      .toEqual('@media (max-width: 50em) a');
-  });
-
-  it('pops the context again after a nested block closes', () => {
-    const parsed = declarations('@media (max-width: 50em) { a { color: red; } } b { color: blue; }');
-    expect(parsed.map(({context}) => context))
-      .toEqual(['@media (max-width: 50em) a', 'b']);
-  });
-
-  it('keeps string contents in the context, so attribute selectors stay distinct', () => {
-    // the baseline identifies an occurrence by its context, so two rules that differ
-    // only inside a selector string must not reduce to the same one -- otherwise a
-    // literal could move between them and the ratchet would see no change.
-    const parsed = declarations(
-      '.x[data-loading="true"] { color: #fff; } .x[data-loading="false"] { color: #fff; }'
-    );
-
-    expect(parsed.map(({context}) => context))
-      .toEqual(['.x[data-loading="true"]', '.x[data-loading="false"]']);
-  });
-
-  it('still blanks strings in the value, where they are not colors', () => {
-    // the other half of the same change: context keeps strings, values must not, or
-    // `content: "#fff"` starts reading as a color.
-    expect(declarations('a { content: "#fff"; }')).toEqual([]);
-  });
-
-  it('does not let a brace inside a selector string open a block', () => {
-    expect(declarations('.x[data-glyph="{"] { color: red; }'))
-      .toEqual([{context: '.x[data-glyph="{"]', property: 'color', value: 'red'}]);
-  });
-});
-
-describe('takesColor', () => {
-  it.each(['color', 'background-color', 'border-top-color', '-webkit-text-fill-color'])(
-    'accepts %s, which names a color', (property) => {
-      expect(takesColor(property)).toBe(true);
-    }
-  );
-
-  it.each(['background', 'border', 'border-left', 'box-shadow', 'outline', 'fill'])(
-    'accepts the %s shorthand', (property) => {
-      expect(takesColor(property)).toBe(true);
-    }
-  );
-
-  it('accepts a custom property, which has no grammar to go on', () => {
-    expect(takesColor('--book-banner-background')).toBe(true);
-  });
-
-  it.each(['animation-name', 'font-family', 'transition-property', 'grid-area'])(
-    'rejects %s, where an identifier is not a color', (property) => {
-      expect(takesColor(property)).toBe(false);
-    }
-  );
-
-  it('sees through a vendor prefix', () => {
-    expect(takesColor('-webkit-box-shadow')).toBe(true);
-  });
-});
-
-describe('findColors', () => {
-  it('finds a hex literal', () => {
-    expect(literals('a { color: #ff0000; }')).toEqual(['#ff0000']);
-  });
-
-  it('finds a bare named color in a shorthand', () => {
-    expect(literals('a { border: 0.1rem solid red; }')).toEqual(['red']);
-  });
-
-  it('finds colors in gradient stops', () => {
-    expect(literals('a { background: linear-gradient(to top, #fff 0%, #000 100%); }'))
-      .toEqual(['#fff', '#000']);
-  });
-
-  it('descends into var() fallbacks rather than treating var() as a literal', () => {
-    expect(literals('a { color: var(--x, #fff); }')).toEqual(['#fff']);
-  });
-
-  it('descends into color-mix() over tokens and finds nothing', () => {
-    expect(literals('a { color: color-mix(in srgb, var(--a), var(--b)); }')).toEqual([]);
-  });
-
-  it('finds rgba()', () => {
-    expect(literals('a { box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.2); }'))
-      .toEqual(['rgba(0, 0, 0, 0.2)']);
-  });
-
-  it('finds hsl(), which resolves to null so it cannot pass silently', () => {
-    const found = stylesheetColors('a { color: hsl(0deg 100% 50%); }');
-    expect(found).toHaveLength(1);
-    expect(found[0].rgba).toBeNull();
-  });
-
-  it('finds oklch(), which resolves to null', () => {
-    expect(stylesheetColors('a { color: oklch(0.7 0.1 200); }')[0].rgba).toBeNull();
-  });
-
-  it('flags rgba() over a var() channel list rather than skipping it', () => {
-    const found = stylesheetColors('a { color: rgba(var(--channels), 0.2); }');
-    expect(found).toHaveLength(1);
-    expect(found[0].rgba).toBeNull();
-  });
-
-  it('does not treat a class selector named .red as a color', () => {
-    expect(literals('.red { opacity: 1; }')).toEqual([]);
-  });
-
-  it('does not treat content: "tan" as a color', () => {
-    expect(literals('a { content: "tan"; }')).toEqual([]);
-  });
-
-  it('does not treat a color inside a comment as a color', () => {
-    expect(literals('a { /* was #ff0000 */ color: var(--x); }')).toEqual([]);
-  });
-
-  it('does not treat transparent or currentcolor as comparable colors', () => {
-    expect(literals('a { color: currentcolor; background: transparent; }')).toEqual([]);
-  });
-
-  it('does not treat a non-color keyword as a color', () => {
-    expect(literals('a { transition: all 0.2s linear; }')).toEqual([]);
-  });
-
-  it('finds several colors in one declaration', () => {
-    expect(literals('a { box-shadow: 0 0 0 red, 0 0 0 #00f; }')).toEqual(['red', '#00f']);
-  });
-
-  it('tolerates an unbalanced function call', () => {
-    expect(() => literals('a { color: rgb(0, 0, 0; }')).not.toThrow();
-  });
-
-  it.each([
-    ['an animation name', 'a { animation-name: red; }'],
-    ['a font family', 'a { font-family: black; }'],
-    ['a transitioned property', 'a { transition-property: tan; }'],
-    ['a grid area', 'a { grid-area: navy; }'],
-    // the property gate has to survive the descent into a function, not just the
-    // top level of the value -- findColors passes `named` down to itself.
-    ['a var() fallback under one', 'a { animation-name: var(--enter, red); }'],
-  ])('does not read %s as a named color', (_case, css) => {
-    expect(literals(css)).toEqual([]);
-  });
-
-  it.each([
-    ['a color property', 'a { color: red; }'],
-    ['a shorthand', 'a { border: 0.1rem solid red; }'],
-    ['a custom property', 'a { --x: red; }'],
-    ['a box-shadow', 'a { box-shadow: 0 0 0.2rem red; }'],
-    ['a vendor-prefixed property', 'a { -webkit-text-fill-color: red; }'],
-    // the other side of the descent: gating named colors on the property must not
-    // stop finding them inside a function the walk descends into.
-    ['a gradient stop', 'a { background: linear-gradient(to top, red, transparent); }'],
-  ])('still reads a named color in %s', (_case, css) => {
-    expect(literals(css)).toEqual(['red']);
-  });
-
-  it('still reads hex and rgb() in a property that cannot take a named color', () => {
-    // only the bare-identifier case is property-sensitive: `#fff` and `rgb(...)` are
-    // colors wherever they are written, so they stay in scope everywhere.
-    expect(literals('a { animation-name: #fff; transition-property: rgb(0, 0, 0); }'))
-      .toEqual(['#fff', 'rgb(0, 0, 0)']);
-  });
-
-  it('records the declaration each color was written in', () => {
-    expect(stylesheetColors('@media (max-width: 50em) { .a:hover { color: #fff; } }'))
-      .toEqual([{
-        context: '@media (max-width: 50em) .a:hover',
-        literal: '#fff',
-        property: 'color',
-        rgba: {a: 1, b: 255, g: 255, r: 255},
-      }]);
-  });
-});
-
-describe('describeColor', () => {
-  it('expands 3-digit hex', () => {
-    expect(describeColor('#fff')).toEqual({a: 1, b: 255, g: 255, r: 255});
-  });
-
-  it('reads 8-digit hex alpha', () => {
-    expect(describeColor('#00000033')?.a).toBeCloseTo(0.2, 1);
-  });
-
-  it('reads 4-digit hex', () => {
-    expect(describeColor('#0000')).toEqual({a: 0, b: 0, g: 0, r: 0});
-  });
-
-  it('is case insensitive', () => {
-    expect(describeColor('#027EB5')).toEqual(describeColor('#027eb5'));
-  });
-
-  it('resolves a named color', () => {
-    expect(describeColor('white')).toEqual({a: 1, b: 255, g: 255, r: 255});
-  });
-
-  it('reads comma-separated rgb()', () => {
-    expect(describeColor('rgb(255, 0, 0)')).toEqual({a: 1, b: 0, g: 0, r: 255});
-  });
-
-  it('reads space-separated rgb() with a slash alpha', () => {
-    expect(describeColor('rgb(255 0 0 / 0.5)')).toEqual({a: 0.5, b: 0, g: 0, r: 255});
-  });
-
-  it('reads percentage channels', () => {
-    expect(describeColor('rgb(100%, 0%, 0%)')).toEqual({a: 1, b: 0, g: 0, r: 255});
-  });
-
-  it('reads a percentage alpha', () => {
-    expect(describeColor('rgba(0, 0, 0, 20%)')?.a).toBeCloseTo(0.2);
-  });
-
-  it('returns null for hsl()', () => {
-    expect(describeColor('hsl(0, 100%, 50%)')).toBeNull();
-  });
-
-  it('returns null for a non-numeric channel', () => {
-    expect(describeColor('rgb(var(--x), 0, 0)')).toBeNull();
-  });
-
-  it('returns null for the wrong number of channels', () => {
-    expect(describeColor('rgb(0, 0)')).toBeNull();
-  });
-
-  it('returns null for an unknown identifier', () => {
-    expect(describeColor('notacolor')).toBeNull();
-  });
-
-  it.each(['#12345', '#1234567', '#123456789'])(
-    'returns null for the malformed hex length %s', (literal) => {
-      expect(describeColor(literal)).toBeNull();
-    }
-  );
-
-  it.each(['#ggg', '#gggggg', '#12345g'])(
-    'returns null for %s rather than a set of NaN channels', (literal) => {
-      // the length is right, so only checking the length would hand back
-      // {r: NaN, g: NaN, b: NaN} and read as a resolved color.
-      expect(describeColor(literal)).toBeNull();
-    }
-  );
-
-  it('rounds a percentage channel the same way as its integer spelling', () => {
-    // 50% of 255 is 127.5, which rounds to 128. Scaling by the decimal 2.55 gives
-    // 127.49999999999999 and rounds to 127, so the two spellings would disagree.
-    expect(describeColor('rgb(50%, 50%, 50%)')).toEqual({a: 1, b: 128, g: 128, r: 128});
-    expect(describeColor('rgb(50%, 50%, 50%)')).toEqual(describeColor('rgb(128, 128, 128)'));
-  });
-});
-
-describe('color keys', () => {
-  it('treats an opaque color as equal however it is written', () => {
-    expect(colorKey(describeColor('#fff')!)).toEqual(colorKey(describeColor('white')!));
-  });
-
-  it('distinguishes a translucent color from its opaque form', () => {
-    expect(colorKey(describeColor('rgba(0, 0, 0, 0.2)')!))
-      .not.toEqual(colorKey(describeColor('#000')!));
-  });
-
-  it('recognises a translucent color by its opaque channels', () => {
-    expect(opaqueKey(describeColor('rgba(0, 0, 0, 0.2)')!))
-      .toEqual(opaqueKey(describeColor('#000')!));
-  });
-});
+import { colorKey, describeColor } from '@openstax/ui-components/theme/cssColors';
+import { themeColorIndex, tokenChoices } from './cssColors';
+
+/**
+ * Only the policy half is tested here. The parsing engine's own cases came across with
+ * it to @openstax/ui-components/theme/cssColors.spec.ts, so that the published surface
+ * is the tested surface -- duplicating them here is what CORE-2736 removed, and a
+ * second copy of the assertions would drift the same way the second copy of the code
+ * did. `colorKey` and `describeColor` are imported only to build the keys the index is
+ * read by.
+ */
 
 describe('tokenChoices', () => {
   it('names a single token as itself', () => {
diff --git a/src/test/cssColors.ts b/src/test/cssColors.ts
index 543c7ac0f9..2268600845 100644
--- a/src/test/cssColors.ts
+++ b/src/test/cssColors.ts
@@ -1,439 +1,33 @@
 /**
- * color auditing for plain-CSS stylesheets, used by src/app/theme.spec.ts.
+ * REX's color audit: the policy half, on top of the engine ui-components publishes.
  *
- * This parses declarations rather than grepping for `#hex`, because a grep misses
- * `rgba()`, `hsl()`, named colors in shorthands and colors in gradient stops —
- * all of which can silently duplicate or diverge from a theme value.
+ * What counts as a theme value, which off-palette colors are tolerated, which files are
+ * in scope and how a violation is worded are all REX's answers, and they stay here. The
+ * parsing underneath them — declarations in, resolved color literals out — is not REX's
+ * at all, and lives in @openstax/ui-components/theme/cssColors.
  *
- * Lives under src/test/ because it is test infrastructure rather than app code, so
- * it is outside jest's `collectCoverageFrom`. It has its own spec regardless: without
- * one, "CI enforces the palette" would be an assertion rather than a tested guarantee.
+ * It used to live here too. CORE-2731 hand-wrote a second copy of an engine that
+ * already existed in ui-components, and the two had diverged before either merged: of
+ * the four defects review found in this copy, one was REX-only and two were shared.
+ * CORE-2736 published the engine so there is one copy to fix; this file is what is left
+ * once it is imported rather than declared.
+ *
+ * Lives under src/test/ because it is test infrastructure rather than app code, so it
+ * is outside jest's `collectCoverageFrom`. It has its own spec regardless: without one,
+ * "CI enforces the palette" would be an assertion rather than a tested guarantee.
  */
 
+import {
+  colorKey,
+  describeColor,
+  opaqueKey,
+  StylesheetColor,
+  stylesheetColors,
+} from '@openstax/ui-components/theme/cssColors';
 import fs from 'fs';
 import path from 'path';
 import { themeTokens } from '../app/themeCss';
 
-export interface Rgba {
-  r: number;
-  g: number;
-  b: number;
-  a: number;
-}
-
-export interface FoundColor {
-  /** the literal exactly as written, e.g. `rgba(0, 0, 0, 0.2)` */
-  literal: string;
-  /** resolved channels, or null when this syntax cannot be resolved statically */
-  rgba: Rgba | null;
-}
-
-/** A declaration, with enough of its surroundings to identify it again. */
-export interface Declaration {
-  /**
-   * The selectors and at-rule preludes the declaration sits inside, outermost first,
-   * whitespace-collapsed: `@media (max-width: 75em) .book-banner .title`. Used as the
-   * stable half of a color occurrence's identity in the baseline.
-   */
-  context: string;
-  /** lower-cased property name, e.g. `background-color` or `--book-banner-height` */
-  property: string;
-  /** everything to the right of the `:` */
-  value: string;
-}
-
-/** A color literal together with the declaration it was written in. */
-export interface StylesheetColor extends FoundColor {
-  context: string;
-  property: string;
-}
-
-/** https://www.w3.org/TR/css-color-4/#named-colors */
-const NAMED_COLORS: {[name: string]: string} = {
-  aliceblue: '#f0f8ff', antiquewhite: '#faebd7', aqua: '#00ffff', aquamarine: '#7fffd4',
-  azure: '#f0ffff', beige: '#f5f5dc', bisque: '#ffe4c4', black: '#000000',
-  blanchedalmond: '#ffebcd', blue: '#0000ff', blueviolet: '#8a2be2', brown: '#a52a2a',
-  burlywood: '#deb887', cadetblue: '#5f9ea0', chartreuse: '#7fff00', chocolate: '#d2691e',
-  coral: '#ff7f50', cornflowerblue: '#6495ed', cornsilk: '#fff8dc', crimson: '#dc143c',
-  cyan: '#00ffff', darkblue: '#00008b', darkcyan: '#008b8b', darkgoldenrod: '#b8860b',
-  darkgray: '#a9a9a9', darkgreen: '#006400', darkgrey: '#a9a9a9', darkkhaki: '#bdb76b',
-  darkmagenta: '#8b008b', darkolivegreen: '#556b2f', darkorange: '#ff8c00',
-  darkorchid: '#9932cc', darkred: '#8b0000', darksalmon: '#e9967a',
-  darkseagreen: '#8fbc8f', darkslateblue: '#483d8b', darkslategray: '#2f4f4f',
-  darkslategrey: '#2f4f4f', darkturquoise: '#00ced1', darkviolet: '#9400d3',
-  deeppink: '#ff1493', deepskyblue: '#00bfff', dimgray: '#696969', dimgrey: '#696969',
-  dodgerblue: '#1e90ff', firebrick: '#b22222', floralwhite: '#fffaf0',
-  forestgreen: '#228b22', fuchsia: '#ff00ff', gainsboro: '#dcdcdc',
-  ghostwhite: '#f8f8ff', gold: '#ffd700', goldenrod: '#daa520', gray: '#808080',
-  green: '#008000', greenyellow: '#adff2f', grey: '#808080', honeydew: '#f0fff0',
-  hotpink: '#ff69b4', indianred: '#cd5c5c', indigo: '#4b0082', ivory: '#fffff0',
-  khaki: '#f0e68c', lavender: '#e6e6fa', lavenderblush: '#fff0f5', lawngreen: '#7cfc00',
-  lemonchiffon: '#fffacd', lightblue: '#add8e6', lightcoral: '#f08080',
-  lightcyan: '#e0ffff', lightgoldenrodyellow: '#fafad2', lightgray: '#d3d3d3',
-  lightgreen: '#90ee90', lightgrey: '#d3d3d3', lightpink: '#ffb6c1',
-  lightsalmon: '#ffa07a', lightseagreen: '#20b2aa', lightskyblue: '#87cefa',
-  lightslategray: '#778899', lightslategrey: '#778899', lightsteelblue: '#b0c4de',
-  lightyellow: '#ffffe0', lime: '#00ff00', limegreen: '#32cd32', linen: '#faf0e6',
-  magenta: '#ff00ff', maroon: '#800000', mediumaquamarine: '#66cdaa',
-  mediumblue: '#0000cd', mediumorchid: '#ba55d3', mediumpurple: '#9370db',
-  mediumseagreen: '#3cb371', mediumslateblue: '#7b68ee', mediumspringgreen: '#00fa9a',
-  mediumturquoise: '#48d1cc', mediumvioletred: '#c71585', midnightblue: '#191970',
-  mintcream: '#f5fffa', mistyrose: '#ffe4e1', moccasin: '#ffe4b5',
-  navajowhite: '#ffdead', navy: '#000080', oldlace: '#fdf5e6', olive: '#808000',
-  olivedrab: '#6b8e23', orange: '#ffa500', orangered: '#ff4500', orchid: '#da70d6',
-  palegoldenrod: '#eee8aa', palegreen: '#98fb98', paleturquoise: '#afeeee',
-  palevioletred: '#db7093', papayawhip: '#ffefd5', peachpuff: '#ffdab9',
-  peru: '#cd853f', pink: '#ffc0cb', plum: '#dda0dd', powderblue: '#b0e0e6',
-  purple: '#800080', rebeccapurple: '#663399', red: '#ff0000', rosybrown: '#bc8f8f',
-  royalblue: '#4169e1', saddlebrown: '#8b4513', salmon: '#fa8072',
-  sandybrown: '#f4a460', seagreen: '#2e8b57', seashell: '#fff5ee', sienna: '#a0522d',
-  silver: '#c0c0c0', skyblue: '#87ceeb', slateblue: '#6a5acd', slategray: '#708090',
-  slategrey: '#708090', snow: '#fffafa', springgreen: '#00ff7f', steelblue: '#4682b4',
-  tan: '#d2b48c', teal: '#008080', thistle: '#d8bfd8', tomato: '#ff6347',
-  turquoise: '#40e0d0', violet: '#ee82ee', wheat: '#f5deb3', white: '#ffffff',
-  whitesmoke: '#f5f5f5', yellow: '#ffff00', yellowgreen: '#9acd32',
-};
-
-/**
- * color functions are terminal — we try to resolve them and flag them.
- * Anything else that happens to *contain* a color (`var`, `color-mix`, the
- * gradients) is descended into instead.
- */
-const COLOR_FUNCTIONS = [
-  'rgb', 'rgba', 'hsl', 'hsla', 'hwb', 'lab', 'lch', 'oklab', 'oklch', 'color',
-];
-
-/**
- * Keywords that are color-valued but carry no fixed channels, so there is nothing
- * to compare against the theme. They are never flagged.
- */
-const COLOR_KEYWORDS = ['transparent', 'currentcolor', 'inherit', 'initial', 'unset', 'revert', 'none'];
-
-/**
- * Blanks the parts of a stylesheet that can hold color-shaped text without meaning a
- * color: comments, string contents and `url()` payloads.
- *
- * Blanked to spaces rather than deleted, so the result is the same length as the input
- * and every character keeps its original index. `declarations` relies on that: it finds
- * structure in the blanked text and then slices the corresponding span out of a second,
- * differently-blanked copy.
- *
- * `keepStrings` is what that second copy is for. A string is noise inside a declaration
- * value — `content: "#fff"` is not a color — but it is *meaning* inside a selector:
- * `[data-loading="true"]` and `[data-loading="false"]` are different rules, and blanking
- * both to `[data-loading=""]` would make them one declaration as far as the baseline is
- * concerned, so a literal could move between them without the ratchet noticing.
- */
-const blankNoise = (css: string, keepStrings: boolean): string => {
-  const pad = (length: number) => ' '.repeat(Math.max(0, length));
-  let out = '';
-  let index = 0;
-
-  while (index < css.length) {
-    const rest = css.slice(index);
-
-    if (rest.startsWith('/*')) {
-      const end = css.indexOf('*/', index + 2);
-      const stop = end === -1 ? css.length : end + 2;
-      out += pad(stop - index);
-      index = stop;
-      continue;
-    }
-
-    const quote = css[index];
-    if (quote === '"' || quote === '\'') {
-      let cursor = index + 1;
-      while (cursor < css.length && css[cursor] !== quote) {
-        cursor += css[cursor] === '\\' ? 2 : 1;
-      }
-      const stop = Math.min(cursor + 1, css.length);
-      // blanked whole, quotes included: nothing downstream needs the quotes, and
-      // keeping them would have to handle an unterminated string running off the end.
-      out += keepStrings ? css.slice(index, stop) : pad(stop - index);
-      index = stop;
-      continue;
-    }
-
-    const url = /^url\(/i.exec(rest);
-    if (url) {
-      const open = index + url[0].length;
-      let depth = 1;
-      let cursor = open;
-      while (cursor < css.length && depth > 0) {
-        if (css[cursor] === '(') { depth++; }
-        if (css[cursor] === ')') { depth--; }
-        cursor++;
-      }
-      // the parens themselves are structure -- `declarations` balances them -- so only
-      // the payload between them is blanked.
-      const closed = depth === 0;
-      const payloadEnd = closed ? cursor - 1 : cursor;
-      out += css.slice(index, open) + pad(payloadEnd - open) + (closed ? ')' : '');
-      index = cursor;
-      continue;
-    }
-
-    out += css[index];
-    index++;
-  }
-
-  return out;
-};
-
-/** Noise blanked for reading declaration values: strings go too. */
-export const stripNoise = (css: string): string => blankNoise(css, false);
-
-/**
- * Pulls declarations out of a stylesheet at any nesting depth, so `@media` blocks are
- * covered. Selectors and at-rule preludes end at a `{` and become the declaration's
- * `context` rather than being read as declarations themselves, which is what keeps
- * `a:hover` and `@keyframes` percentages out of the color scan.
- *
- * The property name is kept as well as the value. Two things need it: a bare
- * identifier is only a color in a property that takes one (`animation-name: red` is
- * an animation), and the baseline needs a way to tell two occurrences of the same
- * literal in the same file apart.
- *
- * Two blanked copies of the source are walked in step. Structure is read from `values`,
- * where strings are gone, so a `;` or `{` inside one cannot split a declaration. The
- * `context` is sliced out of `selectors`, where string contents survive, so that
- * `[data-loading="true"]` and `[data-loading="false"]` stay distinguishable. Both are
- * the same length as the input, which is what lets one index address both.
- */
-export const declarations = (css: string): Declaration[] => {
-  const found: Declaration[] = [];
-  const values = stripNoise(css);
-  const selectors = blankNoise(css, true);
-  const stack: string[] = [];
-  let start = 0;
-  let parens = 0;
-
-  const flush = (end: number) => {
-    const segment = values.slice(start, end);
-    const separator = segment.indexOf(':');
-
-    if (stack.length > 0 && separator !== -1) {
-      const value = segment.slice(separator + 1).trim();
-      const property = segment.slice(0, separator).trim().toLowerCase();
-      if (value) { found.push({context: stack.join(' '), property, value}); }
-    }
-
-    start = end + 1;
-  };
-
-  for (let index = 0; index < values.length; index++) {
-    const character = values[index];
-
-    if (character === '(') { parens++; }
-    if (character === ')') { parens = Math.max(0, parens - 1); }
-    if (parens !== 0) { continue; }
-
-    if (character === '{') {
-      stack.push(selectors.slice(start, index).replace(/\s+/g, ' ').trim());
-      start = index + 1;
-    } else if (character === '}') {
-      flush(index);
-      stack.pop();
-    } else if (character === ';') {
-      flush(index);
-    }
-  }
-
-  return found;
-};
-
-/**
- * Properties whose value can hold a `<color>`, directly or inside a shorthand.
- *
- * Hex and the color functions are only ever colors, so they are read wherever they
- * appear. A bare identifier is not: `animation-name: red` names a keyframe animation
- * and `font-family: black` names a font, and reporting either as a palette violation
- * would be wrong. Named colors are therefore only read here. Custom properties have
- * no property grammar at all, so they count.
- */
-const COLOR_SHORTHANDS = [
-  'background', 'background-image', 'border', 'border-block', 'border-block-end',
-  'border-block-start', 'border-bottom', 'border-image', 'border-image-source',
-  'border-inline', 'border-inline-end', 'border-inline-start', 'border-left',
-  'border-right', 'border-top', 'box-shadow', 'caret', 'column-rule', 'fill', 'filter',
-  'backdrop-filter', 'list-style', 'mask', 'mask-image', 'outline', 'stroke',
-  'text-decoration', 'text-emphasis', 'text-shadow', 'text-stroke',
-];
-
-export const takesColor = (property: string): boolean => {
-  if (property.startsWith('--')) { return true; }
-
-  const name = property.replace(/^-(?:webkit|moz|ms|o)-/, '');
-
-  return name.includes('color') || COLOR_SHORTHANDS.includes(name);
-};
-
-const clamp = (value: number, max: number) => Math.min(max, Math.max(0, value));
-
-const channel = (raw: string): number | null => {
-  const text = raw.trim();
-  const percent = /^(-?[\d.]+)%$/.exec(text);
-  // scale by 255/100 rather than by the decimal 2.55, which is not representable in
-  // binary: 50 * 2.55 is 127.49999999999999 and rounds to 127, where 50% of 255 is
-  // 127.5 and rounds to 128. The two spellings of the same color must agree, or they
-  // get different keys and the audit misclassifies one of them.
-  if (percent) { return Math.round((clamp(parseFloat(percent[1]), 100) / 100) * 255); }
-  return /^-?[\d.]+$/.test(text) ? Math.round(clamp(parseFloat(text), 255)) : null;
-};
-
-const alphaChannel = (raw?: string): number | null => {
-  if (raw === undefined) { return 1; }
-  const text = raw.trim();
-  const percent = /^(-?[\d.]+)%$/.exec(text);
-  if (percent) { return clamp(parseFloat(percent[1]), 100) / 100; }
-  return /^-?[\d.]+$/.test(text) ? clamp(parseFloat(text), 1) : null;
-};
-
-/**
- * Only the four lengths CSS defines, and only hex digits. Checking the grammar rather
- * than just the length matters: `#ggg` would otherwise expand to six characters,
- * `parseInt` them to NaN, and hand back an Rgba of NaNs that reads as a resolved
- * color. A malformed *theme* value would then pass the "every color token resolves"
- * spec while generating invalid CSS.
- */
-const HEX = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/;
-
-const fromHex = (literal: string): Rgba | null => {
-  if (!HEX.test(literal.toLowerCase())) { return null; }
-
-  const digits = literal.slice(1);
-  const expand = (text: string) => text.split('').map((c) => c + c).join('');
-  const full = digits.length === 3 || digits.length === 4 ? expand(digits) : digits;
-
-  return {
-    a: full.length === 8 ? parseInt(full.slice(6, 8), 16) / 255 : 1,
-    b: parseInt(full.slice(4, 6), 16),
-    g: parseInt(full.slice(2, 4), 16),
-    r: parseInt(full.slice(0, 2), 16),
-  };
-};
-
-/**
- * Resolves a color literal to channels, or null when it cannot be resolved
- * statically. Returning null is deliberate: `hsl()`, `oklch()` and `color()` fail
- * the audit rather than passing silently, so the escape hatch stays explicit.
- */
-export const describeColor = (literal: string): Rgba | null => {
-  const text = literal.trim();
-
-  if (text.startsWith('#')) { return fromHex(text.toLowerCase()); }
-
-  const named = NAMED_COLORS[text.toLowerCase()];
-  if (named) { return fromHex(named); }
-
-  const fn = /^(rgba?)\((.*)\)$/i.exec(text);
-  if (!fn) { return null; }
-
-  const args = fn[2].includes(',')
-    ? fn[2].split(',')
-    : fn[2].replace(/\//g, ' ').trim().split(/\s+/);
-
-  if (args.length < 3 || args.length > 4) { return null; }
-
-  const [r, g, b] = args.slice(0, 3).map(channel);
-  const a = alphaChannel(args[3]);
-
-  return r === null || g === null || b === null || a === null ? null : {a, b, g, r};
-};
-
-/**
- * Finds every color literal in a declaration value, at any depth. Functions that
- * merely contain colors are descended into; color functions are terminal.
- *
- * `named` says whether a bare identifier may be read as a color, which depends on the
- * property the value belongs to — see `takesColor`. Hex and the color functions are
- * unambiguous and are found either way. It has no default: defaulting it to `true`
- * would quietly restore the over-eager behaviour for any caller that forgot it.
- */
-export const findColors = (value: string, named: boolean): FoundColor[] => {
-  const found: FoundColor[] = [];
-  let index = 0;
-
-  while (index < value.length) {
-    const rest = value.slice(index);
-
-    const call = /^([a-z][\w-]*)\(/i.exec(rest);
-    if (call) {
-      let depth = 1;
-      let cursor = index + call[0].length;
-      while (cursor < value.length && depth > 0) {
-        if (value[cursor] === '(') { depth++; }
-        if (value[cursor] === ')') { depth--; }
-        cursor++;
-      }
-      const literal = value.slice(index, cursor);
-      const args = literal.slice(call[0].length, literal.endsWith(')') ? -1 : undefined);
-
-      if (COLOR_FUNCTIONS.includes(call[1].toLowerCase())) {
-        found.push({literal, rgba: describeColor(literal)});
-      } else {
-        found.push(...findColors(args, named));
-      }
-
-      index = cursor;
-      continue;
-    }
-
-    const hex = /^#[0-9a-fA-F]{3,8}\b/.exec(rest);
-    if (hex) {
-      found.push({literal: hex[0], rgba: describeColor(hex[0])});
-      index += hex[0].length;
-      continue;
-    }
-
-    const word = /^-?[a-zA-Z][\w-]*/.exec(rest);
-    if (word) {
-      const name = word[0].toLowerCase();
-      if (named && NAMED_COLORS[name] && !COLOR_KEYWORDS.includes(name)) {
-        found.push({literal: word[0], rgba: describeColor(word[0])});
-      }
-      index += word[0].length;
-      continue;
-    }
-
-    index++;
-  }
-
-  return found;
-};
-
-/**
- * Every color literal written in a stylesheet, in source order.
- *
- * Accumulated with `push` rather than by spreading into a new array per declaration:
- * this runs over every stylesheet in the tree, so the quadratic version was copying
- * every color found so far once per subsequent declaration.
- */
-export const stylesheetColors = (css: string): StylesheetColor[] => {
-  const found: StylesheetColor[] = [];
-
-  for (const {context, property, value} of declarations(css)) {
-    for (const color of findColors(value, takesColor(property))) {
-      found.push({...color, context, property});
-    }
-  }
-
-  return found;
-};
-
-/** Canonical key for comparing two colors. Opaque colors ignore alpha. */
-export const colorKey = (rgba: Rgba): string =>
-  rgba.a === 1 ? `${rgba.r},${rgba.g},${rgba.b}` : `${rgba.r},${rgba.g},${rgba.b},${rgba.a}`;
-
-/** Key ignoring alpha, so `rgba(0, 0, 0, 0.2)` can be recognised as the theme's black. */
-export const opaqueKey = (rgba: Rgba): string => `${rgba.r},${rgba.g},${rgba.b}`;
-
-/**
- * Below: the stylesheet audit itself. It lives here rather than in theme.spec.ts so
- * that the spec and `script/generate-theme-baseline.ts` cannot drift apart — the
- * baseline would otherwise be generated by different logic than it is checked with.
- */
-
 /**
  * Maps a canonical color key to every `--color-*` token that declares it.
  *
diff --git a/yarn.lock b/yarn.lock
index 581f252651..22b8365b73 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5366,17 +5366,15 @@
   resolved "https://registry.yarnpkg.com/@openstax/types/-/types-3.1.0.tgz#364a73e321127dfb1cfa36adccdae8e21a0805dc"
   integrity sha512-vy9nFdfw/nRX7iYjpl1CPxHwr8dIog+WVlDQr+EeD31HQ9uQX4I+cNV7jmvx1oiMIofSdrM+OBbmPC9qzAJK+w==
 
-"@openstax/ui-components@openstax/ui-components#1.21.1":
-  version "1.21.0"
-  resolved "https://codeload.github.com/openstax/ui-components/tar.gz/dc52d5faedfa98498d89578302ceed0fbe90b2a1"
+"@openstax/ui-components@openstax/ui-components#test-core-2736-2":
+  version "1.23.9"
+  resolved "https://codeload.github.com/openstax/ui-components/tar.gz/88a4922aa9296ee072b398801bc227b8b50fd90e"
   dependencies:
-    "@sentry/react" "^7.120.3"
+    "@sentry/react" "^10.60.0"
     classnames "^2.3.1"
-    crypto "npm:crypto-browserify@^3.12.0"
     dompurify "^3.0.1"
     react-aria "^3.37.0"
     react-aria-components "1.10.1"
-    stream "npm:stream-browserify@^3.0.0"
 
 "@pmmmwh/react-refresh-webpack-plugin@0.4.3":
   version "0.4.3"
@@ -7725,6 +7723,26 @@
     "@sentry/types" "7.120.4"
     "@sentry/utils" "7.120.4"
 
+"@sentry/browser-utils@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/browser-utils/-/browser-utils-10.73.0.tgz#7349f5414f1663c005cca69db48cef1d63b3b1e2"
+  integrity sha512-qQygxJZ+RV779+iL1+lrJ4f4sZLgbgW0/JWPNp0YlcEAE62yCsdKbqoTEjB/EugdS4mSjBMX0chZC6rblu2Ycw==
+  dependencies:
+    "@sentry/conventions" "^0.16.0"
+    "@sentry/core" "10.73.0"
+
+"@sentry/browser@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-10.73.0.tgz#22c3636dd170479a58c9c81507bab72f88e94233"
+  integrity sha512-HqTe1S5RrWLufhX2LaFP3yNoMxfNDroh120bq1zdGHZfFDBMJQ0CDXxHO+L4UJfQ5dWdCCzWbXIAiZuWGa/DFQ==
+  dependencies:
+    "@sentry/browser-utils" "10.73.0"
+    "@sentry/conventions" "^0.16.0"
+    "@sentry/core" "10.73.0"
+    "@sentry/feedback" "10.73.0"
+    "@sentry/replay" "10.73.0"
+    "@sentry/replay-canvas" "10.73.0"
+
 "@sentry/browser@7.120.4":
   version "7.120.4"
   resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.120.4.tgz#cd5ac38a4234a6f076a6a4780d53930ad24205c9"
@@ -7739,6 +7757,18 @@
     "@sentry/types" "7.120.4"
     "@sentry/utils" "7.120.4"
 
+"@sentry/conventions@^0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@sentry/conventions/-/conventions-0.16.0.tgz#3b58d15714cf44dca1518496c00749eec5525009"
+  integrity sha512-fO9PLmHdVURcSPUpWCItWAtgKiMwGdJHbovoSEyLplX5sxs2ugvI4CBPTrkkgqhObnZOD0CnWBKDzSVQYBKEyQ==
+
+"@sentry/core@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-10.73.0.tgz#464593d1a2cec6655da681911a2d60d26033e4ab"
+  integrity sha512-FLO1UgH19RyasVpofu612WCOgb2nEH0dZy+R72d7p65XU9i0wxlMKm3+sgfwKmiSJp1Qhilaaxs4Jg6BbiM5HA==
+  dependencies:
+    "@sentry/conventions" "^0.16.0"
+
 "@sentry/core@6.19.7":
   version "6.19.7"
   resolved "https://registry.yarnpkg.com/@sentry/core/-/core-6.19.7.tgz#156aaa56dd7fad8c89c145be6ad7a4f7209f9785"
@@ -7766,6 +7796,13 @@
     "@sentry/types" "7.120.4"
     "@sentry/utils" "7.120.4"
 
+"@sentry/feedback@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/feedback/-/feedback-10.73.0.tgz#e086f789cf7f1f671d6a1ef08e80b2ef6db655a4"
+  integrity sha512-D6nSngX+e46Mae2/oh2bxBvxNK1z2NERbuMAhB5sx9x4xMBWIyGnYYTECehvEqV9+AqGAgxxhOZoYIG3AmRwww==
+  dependencies:
+    "@sentry/core" "10.73.0"
+
 "@sentry/hub@6.19.7":
   version "6.19.7"
   resolved "https://registry.yarnpkg.com/@sentry/hub/-/hub-6.19.7.tgz#58ad7776bbd31e9596a8ec46365b45cd8b9cfd11"
@@ -7818,7 +7855,16 @@
     lru_map "^0.3.3"
     tslib "^1.9.3"
 
-"@sentry/react@^7.120.3", "@sentry/react@^7.54.0":
+"@sentry/react@^10.60.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-10.73.0.tgz#03dbb3fb70ea15dd0c7161d307afca37ab24c7da"
+  integrity sha512-wJrzS98ddPvhGS/MKNHZyE8X7ecd4KwKdz7fHino2qkqBBrF4cxWr+q/uLTIk5PYWMkeJ4oKMjHAjOqmzGR4tg==
+  dependencies:
+    "@sentry/browser" "10.73.0"
+    "@sentry/conventions" "^0.16.0"
+    "@sentry/core" "10.73.0"
+
+"@sentry/react@^7.54.0":
   version "7.120.4"
   resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.120.4.tgz#8c475128625b425a31a7ee8dae89126dad0b3c3b"
   integrity sha512-Pj1MSezEncE+5riuwsk8peMncuz5HR72Yr1/RdZhMZvUxoxAR/tkwD3aPcK6ddQJTagd2TGwhdr9SHuDLtONew==
@@ -7829,6 +7875,22 @@
     "@sentry/utils" "7.120.4"
     hoist-non-react-statics "^3.3.2"
 
+"@sentry/replay-canvas@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/replay-canvas/-/replay-canvas-10.73.0.tgz#32fe5a7120d05c97fd9828ac15f09d37e1848f76"
+  integrity sha512-sxa2lKkHPfF/j5xFpW7gocthWXRqyoHz8KCPy6yGc8plT477nl57iGSKhQDYsx1Ny10TLjs7YkIuPP1GY/Ax2Q==
+  dependencies:
+    "@sentry/core" "10.73.0"
+    "@sentry/replay" "10.73.0"
+
+"@sentry/replay@10.73.0":
+  version "10.73.0"
+  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-10.73.0.tgz#25d53335e3dee9324c0b17511506ea4be17ac6dd"
+  integrity sha512-nN2wjN/Y0J5BOJV5hqRHUEBfxwUsipp1PKjcDHh6Fpxnrtfldu3Y99E8cQInseo5heFdzEvrOHBBrqWZXOHVKQ==
+  dependencies:
+    "@sentry/browser-utils" "10.73.0"
+    "@sentry/core" "10.73.0"
+
 "@sentry/replay@7.120.4":
   version "7.120.4"
   resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.120.4.tgz#7594d9352a5daebd492f3a81aae2188fe367970d"
@@ -10366,7 +10428,7 @@ browserify-aes@^1.0.0, browserify-aes@^1.0.4, browserify-aes@^1.2.0:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
-browserify-cipher@^1.0.0, browserify-cipher@^1.0.1:
+browserify-cipher@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
   integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
@@ -10401,7 +10463,7 @@ browserify-rsa@^4.1.0:
     bn.js "^5.0.0"
     randombytes "^2.0.1"
 
-browserify-sign@^4.0.0, browserify-sign@^4.2.3:
+browserify-sign@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.3.tgz#7afe4c01ec7ee59a89a558a4b75bd85ae62d4208"
   integrity sha512-JWCZW6SKhfhjJxO8Tyiiy+XYB7cqd2S5/+WeYHsKdNKFlCBhKbblba1A/HN/90YwtxKc8tCErjffZl++UNmGiw==
@@ -11521,14 +11583,6 @@ cosmiconfig@^7, cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-create-ecdh@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
-  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.0.0"
-
 create-ecdh@^4.0.4:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@@ -11558,7 +11612,7 @@ create-hash@~1.1.3:
     ripemd160 "^2.0.0"
     sha.js "^2.4.0"
 
-create-hmac@^1.1.0, create-hmac@^1.1.7:
+create-hmac@^1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
   integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
@@ -11630,23 +11684,6 @@ crypto-random-string@^2.0.0:
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-"crypto@npm:crypto-browserify@^3.12.0":
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
 csp_evaluator@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/csp_evaluator/-/csp_evaluator-1.1.1.tgz#12b7bb0c6ae9053d30c86e8ddc52a1e920e6c0f7"
@@ -12239,7 +12276,7 @@ diff@^4.0.1:
   resolved "https://registry.yarnpkg.com/diff/-/diff-4.0.4.tgz#7a6dbfda325f25f07517e9b518f897c08332e07d"
   integrity sha512-X07nttJQkwkfKfvTPG/KSnE2OMdcUCao6+eXF3wmnIQRn2aPAHH3VxDbDOdegkd6JbPsXqShpvEOHfAT+nCNwQ==
 
-diffie-hellman@^5.0.0, diffie-hellman@^5.0.3:
+diffie-hellman@^5.0.3:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
   integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
@@ -12523,10 +12560,10 @@ electron-to-chromium@^1.5.73:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.148.tgz#afed6a5771ec18d41e26541f71ba2ccc65f102ac"
   integrity sha512-8uc1QXwwqayD4mblcsQYZqoi+cOc97A2XmKSBOIRbEAvbp6vrqmSYs4dHD2qVygUgn7Mi0qdKgPaJ9WC8cv63A==
 
-elliptic@^6.0.0, elliptic@^6.5.5:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.0.tgz#5919ec723286c1edf28685aa89261d4761afa210"
-  integrity sha512-dpwoQcLc/2WLQvJvLRHKZ+f9FgOdjnq11rurqwekGQygGPsYSK29OMMD2WalatiqQ+XGFDglTNixpPfI+lpaAA==
+elliptic@^6.5.3:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
+  integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
   dependencies:
     bn.js "^4.11.9"
     brorand "^1.1.0"
@@ -12536,10 +12573,10 @@ elliptic@^6.0.0, elliptic@^6.5.5:
     minimalistic-assert "^1.0.1"
     minimalistic-crypto-utils "^1.0.1"
 
-elliptic@^6.5.3:
-  version "6.6.1"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.1.tgz#3b8ffb02670bf69e382c7f65bf524c97c5405c06"
-  integrity sha512-RaddvvMatK2LJHqFJ+YA4WysVN5Ita9E35botqIYspQ4TkRAlCicdzKOjlyv/1Za5RyTNn7di//eEV0uTAfe3g==
+elliptic@^6.5.5:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.6.0.tgz#5919ec723286c1edf28685aa89261d4761afa210"
+  integrity sha512-dpwoQcLc/2WLQvJvLRHKZ+f9FgOdjnq11rurqwekGQygGPsYSK29OMMD2WalatiqQ+XGFDglTNixpPfI+lpaAA==
   dependencies:
     bn.js "^4.11.9"
     brorand "^1.1.0"
@@ -14819,7 +14856,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3, inherits@~2.0.4:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -19368,7 +19405,7 @@ psl@^1.1.33:
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
   integrity sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ==
 
-public-encrypt@^4.0.0, public-encrypt@^4.0.3:
+public-encrypt@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
   integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
@@ -19557,7 +19594,7 @@ randombytes@^2.1.0:
   dependencies:
     safe-buffer "^5.1.0"
 
-randomfill@^1.0.3, randomfill@^1.0.4:
+randomfill@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
   integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
@@ -20038,15 +20075,6 @@ readable-stream@^3.4.0:
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readable-stream@^3.5.0:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdirp@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
@@ -21402,14 +21430,6 @@ stream-shift@^1.0.0:
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
   integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=
 
-"stream@npm:stream-browserify@^3.0.0":
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-3.0.0.tgz#22b0a2850cdf6503e73085da1fc7b7d0c2122f2f"
-  integrity sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==
-  dependencies:
-    inherits "~2.0.4"
-    readable-stream "^3.5.0"
-
 strict-uri-encode@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"