fix(ui): preserve list item focus in forced colors

Author: librowski

.changeset/token-set-2.md

@@ -3,4 +3,8 @@
 '@workflowbuilder/sdk': major
 ---
 
-The design-token theming surface exposed as `--ax-*` custom properties is removed from `tokens.css` and replaced by generated `--wb-*` properties from the refreshed Figma variables. Consumers who overrode `--ax-*` design tokens must move those overrides to the corresponding `--wb-*` properties; the `--ax-public-*` per-component override surface remains unchanged. The new set includes renamed and re-scaled primitives, semantic tokens per theme, new canvas and shadow (effects) sets, and the refreshed palette (brand `#3969FF`, updated reds/greens/oranges).
+The design-token theming surface exposed as `--ax-*` custom properties is removed from `tokens.css` and replaced by generated `--wb-*` properties from the refreshed Figma variables: renamed and re-scaled primitives, semantic tokens per theme, and new canvas and shadow (effects) sets. Consumers who overrode `--ax-*` design tokens must move those overrides to the corresponding `--wb-*` properties.
+
+The `--ax-public-*` per-component override surface changes as well. Public button variables migrate the `gray`, `error`, and `ghost-destructive` families to `secondary`, `critical`, and `ghost-critical`, and their size suffixes move to `-xl`...`-xs`. Input and TextArea replace their `-error` variables with `-critical` variables and add public variables for success, hover, disabled backgrounds, icons, placeholders, field composition, and letter-sized control metrics. Every remaining `--ax-public-*` variable keeps its name and now defaults to the refreshed tokens.
+
+Component visuals pick up the refreshed palette (brand `#3969FF`, updated reds/greens/oranges).

packages/ui/src/shared/styles/list-item.module.css

@@ -45,6 +45,11 @@
         var(--wb-shadow-ui-focus-element-blur) var(--ax-public-list-item-outline-size)
         var(--ax-public-list-item-outline-color-focus);
       background-color: var(--ax-public-list-item-background-color-focus);
+
+      @media (forced-colors: active) {
+        outline: var(--ax-public-list-item-outline-size) solid Highlight;
+        box-shadow: none;
+      }
     }
 
     /* After the highlight rule: a selected item keeps its selected colors