fix(package/ui): fix package ui regression target on icons (#9479)

packages/ui/PROJEKT.md

@@ -1656,7 +1656,7 @@ Bei der Migration werden:
 | 2026-02-08 | **OsButton: outline primary** | Grüner Rahmen + grüner Text + hellgrüner Hintergrund-Tint (rgba(25,122,49,0.18)) |
 | 2026-02-08 | **OsButton: ghost primary** | Transparenter Hintergrund, grüner Text, Hover füllt grün, Active dunkler |
 | 2026-02-08 | **OsButton: Focus Style** | `focus:outline-dashed focus:outline-1` statt ring (wie base-button) |
-| 2026-02-08 | **OsButton: Active State** | `active:bg-[var(--color-*-hover)]` für dunkleren Hintergrund beim Drücken |
+| 2026-02-08 | **OsButton: Active State** | active:bg-[var(--color-VARIANT-hover)] für dunkleren Hintergrund beim Drücken |
 | 2026-02-08 | **Visuelle Validierung** | Tracking-Tabelle in PROJEKT.md für manuelle Button-Vergleiche (4/16 validiert) |
 | 2026-02-08 | **Storybook Grayscale Theme** | Vollständige CSS-Variablen: default, active-states, contrast-inverse |
 | 2026-02-08 | **Tailwind Source Filter** | `@import "tailwindcss" source(none)` - verhindert Markdown-Scanning |

packages/ui/src/components/OsIcon/OsIcon.visual.spec.ts

@@ -56,7 +56,9 @@ test.describe('OsIcon visual regression', () => {
     await root.waitFor()
     await waitForFonts(page)
 
-    await expect(root.locator('.grid')).toHaveScreenshot('all-icons.png')
+    await expect(root.locator('.grid')).toHaveScreenshot('all-icons.png', {
+      maxDiffPixelRatio: 0,
+    })
 
     await checkA11y(page)
   })

packages/ui/src/ocelot/icons/OcelotIcons.visual.spec.ts

@@ -66,7 +66,9 @@ test.describe('OcelotIcons visual regression', () => {
     await root.waitFor()
     await waitForFonts(page)
 
-    await expect(root.locator('[data-testid="icon-gallery"]')).toHaveScreenshot('all-icons.png')
+    await expect(root.locator('[data-testid="icon-gallery"]')).toHaveScreenshot('all-icons.png', {
+      maxDiffPixelRatio: 0,
+    })
 
     await checkA11y(page)
   })