diff --git a/.changeset/purple-apricots-relax.md b/.changeset/purple-apricots-relax.md
new file mode 100644
index 00000000000..c98c9a4c21a
--- /dev/null
+++ b/.changeset/purple-apricots-relax.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Refactor Label to use CSS modules behind the primer_react_css_modules_team feature flag
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-colorblind-linux.png
index 393da7a2b3c..a6431637c8d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-dimmed-linux.png
index 9eb47b5f0d4..3fc3d7357fa 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png
index 42a033d717f..b8cde220117 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-linux.png
index 393da7a2b3c..a6431637c8d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-tritanopia-linux.png
index 393da7a2b3c..a6431637c8d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-colorblind-linux.png
index 0466b82bbe9..322972ce5a0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-high-contrast-linux.png
index d2040ee73b6..d65af453714 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-linux.png
index 0466b82bbe9..322972ce5a0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-tritanopia-linux.png
index 0466b82bbe9..322972ce5a0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Accent-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-colorblind-linux.png
index f4c9af3061c..a8815271160 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-dimmed-linux.png
index ec62c1be829..6f9cce79651 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-high-contrast-linux.png
index 741a4bc6ad3..ed65d5211cd 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-linux.png
index f4c9af3061c..a8815271160 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-tritanopia-linux.png
index f4c9af3061c..a8815271160 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-colorblind-linux.png
index 9efdd29c6b5..9931ab1db70 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-high-contrast-linux.png
index a37bcd71294..3ab93b33b23 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-linux.png
index 9efdd29c6b5..9931ab1db70 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-tritanopia-linux.png
index 9efdd29c6b5..9931ab1db70 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Attention-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-colorblind-linux.png
index 59ff9b9aa22..5ea81a18a37 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-dimmed-linux.png
index 9461861cf76..c239df562e6 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-high-contrast-linux.png
index 6ee8a7c4bbd..2318d7f8426 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-linux.png
index d344276e9bd..a8d51f4f322 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-tritanopia-linux.png
index d344276e9bd..a8d51f4f322 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-colorblind-linux.png
index 067fe301335..71bb8a89d51 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-high-contrast-linux.png
index 071cd207661..ad568d10fdc 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-linux.png
index 487c83c95c4..6e736196bf4 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-tritanopia-linux.png
index 487c83c95c4..6e736196bf4 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Danger-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png
index 0371821c69c..3cd59f79ed2 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png
index b6c65c258e3..e9f8e75675f 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png
index 56976c64d25..c5301ab143e 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-colorblind-linux.png
index 199f9c87185..ddf2c7ffb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-dimmed-linux.png
index 9a37d444b04..a427795074e 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-high-contrast-linux.png
index 0e928e5b0bd..f375f6a4825 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-linux.png
index 199f9c87185..ddf2c7ffb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-tritanopia-linux.png
index 199f9c87185..ddf2c7ffb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-colorblind-linux.png
index a429079ed88..d0593164fb7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-high-contrast-linux.png
index ee61af3d833..11d8cbca7c0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-linux.png
index a429079ed88..d0593164fb7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-tritanopia-linux.png
index a429079ed88..d0593164fb7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Done-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-colorblind-linux.png
index 4dbdb4e079e..50e3e338c7a 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-dimmed-linux.png
index 7f8b53da164..bb0b195dc38 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-high-contrast-linux.png
index 9f22b15bc6f..c44b2f65119 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-linux.png
index 4dbdb4e079e..50e3e338c7a 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-tritanopia-linux.png
index 4dbdb4e079e..50e3e338c7a 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-colorblind-linux.png
index fcd4988228a..29a755ea4da 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-high-contrast-linux.png
index d72f48e871b..7116c5426d0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-linux.png
index fcd4988228a..29a755ea4da 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-tritanopia-linux.png
index fcd4988228a..29a755ea4da 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Playground-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-colorblind-linux.png
index 6cd608b740a..f14876a7435 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-dimmed-linux.png
index 23437e78949..eeade1c6640 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-high-contrast-linux.png
index 0ac829de52e..45f7bec266b 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-linux.png
index 6cd608b740a..f14876a7435 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-tritanopia-linux.png
index 6cd608b740a..f14876a7435 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-colorblind-linux.png
index 495a3026f79..c1cfa71342d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-high-contrast-linux.png
index 0ddf6c05e71..7a146640f67 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-linux.png
index 495a3026f79..c1cfa71342d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-tritanopia-linux.png
index 495a3026f79..c1cfa71342d 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Primary-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-colorblind-linux.png
index e8d9883c680..3d679e08080 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-dimmed-linux.png
index 0b218f7969b..dcc33f2937f 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-high-contrast-linux.png
index a793a4de40d..8002096f124 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-linux.png
index e8d9883c680..3d679e08080 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-tritanopia-linux.png
index e8d9883c680..3d679e08080 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-colorblind-linux.png
index 51680a433fc..c5650dcef5b 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-high-contrast-linux.png
index c37de593275..74315256930 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-linux.png
index 51680a433fc..c5650dcef5b 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-tritanopia-linux.png
index 51680a433fc..c5650dcef5b 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Secondary-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-colorblind-linux.png
index c074b6ea331..dc37cead300 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-dimmed-linux.png
index 490078162c2..973fce5a5f9 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-high-contrast-linux.png
index 4a6952deb67..e4869cd485c 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-linux.png
index c074b6ea331..dc37cead300 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-tritanopia-linux.png
index 6a200bca4d0..d2750e2fd0a 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-colorblind-linux.png
index 6bdc629270d..fc0a7c35613 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-high-contrast-linux.png
index ef0a59a2a87..fe4cc1d517e 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-linux.png
index 6bdc629270d..fc0a7c35613 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-tritanopia-linux.png
index cc4135c0bd7..849d63c37e0 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Severe-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-colorblind-linux.png
index 4446efdf53a..1a0cd6835cc 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-dimmed-linux.png
index 799cd366ee7..4487584fc90 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-high-contrast-linux.png
index a5d47a72bb8..a36f5538b15 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-linux.png
index 4446efdf53a..1a0cd6835cc 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-tritanopia-linux.png
index 4446efdf53a..1a0cd6835cc 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-colorblind-linux.png
index 0486fc05a7e..9ecc8beb795 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-high-contrast-linux.png
index 5169ac8e241..5a55d33e621 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-linux.png
index 0486fc05a7e..9ecc8beb795 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-tritanopia-linux.png
index 0486fc05a7e..9ecc8beb795 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Large-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-colorblind-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-dimmed-linux.png
index 0371821c69c..3cd59f79ed2 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-high-contrast-linux.png
index b6c65c258e3..e9f8e75675f 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-tritanopia-linux.png
index dfc699dfc1b..0d72917f384 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-colorblind-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-high-contrast-linux.png
index 56976c64d25..c5301ab143e 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-tritanopia-linux.png
index 8e7ccb2c4a1..f50f3796754 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Size-Small-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-colorblind-linux.png
index 98f767e0eec..7ba7ef71ef7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-dimmed-linux.png
index 1dc63133d8a..20cee012dbd 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-high-contrast-linux.png
index 17e3b004f91..a08e1d56726 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-linux.png
index 98f767e0eec..7ba7ef71ef7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-tritanopia-linux.png
index 98f767e0eec..7ba7ef71ef7 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-colorblind-linux.png
index c6355a81347..152809cfb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-high-contrast-linux.png
index 07640269433..9f33bec4deb 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-linux.png
index c6355a81347..152809cfb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-tritanopia-linux.png
index c6355a81347..152809cfb79 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Sponsors-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-colorblind-linux.png
index a15ea838b19..eb4d030ae51 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-dimmed-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-dimmed-linux.png
index 66b2c91a776..d0f6597c3ec 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-dimmed-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-high-contrast-linux.png
index 33cf8f4d0a2..ebf3d8eb157 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-linux.png
index ba99178f600..bf70b0cccea 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-tritanopia-linux.png
index a15ea838b19..eb4d030ae51 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png
index 8299aa57be7..e903e53dd39 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-high-contrast-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-high-contrast-linux.png
index a07e00dc4fa..2a611ed0cea 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-high-contrast-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-linux.png
index a7f3264dc9e..a3d7e497757 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-linux.png differ
diff --git a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png
index 8299aa57be7..e903e53dd39 100644
Binary files a/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png and b/.playwright/snapshots/components/Label.test.ts-snapshots/Label-Success-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-colorblind-linux.png
index 22ccff57329..fc858876855 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-dimmed-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-dimmed-linux.png
index 5e5a16541e8..dc06e4e5b0d 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-dimmed-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-high-contrast-linux.png
index 9089dcc2349..a67c2a86973 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-linux.png
index 22ccff57329..fc858876855 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-tritanopia-linux.png
index 22ccff57329..fc858876855 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-colorblind-linux.png
index 059f6ffca2f..e2fc18493b5 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-high-contrast-linux.png
index d5052745cc0..a159b5b3d53 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-linux.png
index 059f6ffca2f..e2fc18493b5 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-tritanopia-linux.png
index 059f6ffca2f..e2fc18493b5 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Default-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-colorblind-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-dimmed-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-dimmed-linux.png
index af9a111e4c0..00e945e633f 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-dimmed-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-high-contrast-linux.png
index 43729a714b4..83c43e813ea 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-tritanopia-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-colorblind-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-high-contrast-linux.png
index e97f94bf21e..a2bd7d2dda0 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-tritanopia-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-Playground-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-colorblind-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-dimmed-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-dimmed-linux.png
index af9a111e4c0..00e945e633f 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-dimmed-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-high-contrast-linux.png
index 43729a714b4..83c43e813ea 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-tritanopia-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-colorblind-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-high-contrast-linux.png
index e97f94bf21e..a2bd7d2dda0 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-tritanopia-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateAuto-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-colorblind-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-dimmed-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-dimmed-linux.png
index af9a111e4c0..00e945e633f 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-dimmed-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-high-contrast-linux.png
index 43729a714b4..83c43e813ea 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-tritanopia-linux.png
index cdb6d448192..b2300e8da73 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-colorblind-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-colorblind-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-colorblind-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-high-contrast-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-high-contrast-linux.png
index e97f94bf21e..a2bd7d2dda0 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-high-contrast-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-linux.png differ
diff --git a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-tritanopia-linux.png b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-tritanopia-linux.png
index 9bb9de7e48d..3b2634edd68 100644
Binary files a/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-tritanopia-linux.png and b/.playwright/snapshots/components/LabelGroup.test.ts-snapshots/LabelGroup-TruncateToFive-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-colorblind-linux.png
index d22e22335bc..83e6386c0ce 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-dimmed-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-dimmed-linux.png
index a1064bd0b5c..70d770fd707 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-dimmed-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-high-contrast-linux.png
index ed84b2972bf..369eedceeec 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-linux.png
index 191986a38b8..4fa21553837 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-tritanopia-linux.png
index d22e22335bc..83e6386c0ce 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-colorblind-linux.png
index ef3ddd5a8c3..ec38917267b 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-high-contrast-linux.png
index e60300b601b..dff2a827296 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-linux.png
index 14b2ee27946..5a515f590c5 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-tritanopia-linux.png
index ef3ddd5a8c3..ec38917267b 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-Large-Variant-with-Multiline-Title-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-colorblind-linux.png
index ad579eb2812..a518239072a 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-dimmed-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-dimmed-linux.png
index e4a270c8fba..f45b2fdc3bf 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-dimmed-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-high-contrast-linux.png
index bfc3730b1ab..151c8dd8894 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-linux.png
index ad579eb2812..a518239072a 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-tritanopia-linux.png
index ad579eb2812..a518239072a 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-colorblind-linux.png
index 3446c9f1177..88f08401083 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-high-contrast-linux.png
index 90e2c03fae4..99339367b6c 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-linux.png
index 3446c9f1177..88f08401083 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-tritanopia-linux.png
index 3446c9f1177..88f08401083 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-Visual-Hidden-on-Regular-Viewport-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-colorblind-linux.png
index 7820e837a22..cfbd3f48f31 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-dimmed-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-dimmed-linux.png
index 6fa1753fbe9..1091ef1490a 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-dimmed-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-high-contrast-linux.png
index 4e2948ca8b2..38f5ebb5df5 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-linux.png
index 7820e837a22..cfbd3f48f31 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-tritanopia-linux.png
index 7820e837a22..cfbd3f48f31 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-colorblind-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-colorblind-linux.png
index 62d1b006de5..28862c8b0d5 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-colorblind-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-high-contrast-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-high-contrast-linux.png
index 91d9b79160a..e30b6da1d59 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-high-contrast-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-linux.png
index 62d1b006de5..28862c8b0d5 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-linux.png differ
diff --git a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-tritanopia-linux.png b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-tritanopia-linux.png
index 62d1b006de5..28862c8b0d5 100644
Binary files a/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-tritanopia-linux.png and b/.playwright/snapshots/components/PageHeader.test.ts-snapshots/PageHeader-With-Leading-and-Trailing-Visuals-light-tritanopia-linux.png differ
diff --git a/e2e/components/Label.test.ts b/e2e/components/Label.test.ts
index b28b9f7fffb..cc7846e72ad 100644
--- a/e2e/components/Label.test.ts
+++ b/e2e/components/Label.test.ts
@@ -3,445 +3,527 @@ import {visit} from '../test-helpers/storybook'
 import {themes} from '../test-helpers/themes'
 
 test.describe('Label', () => {
-  test.describe('Default', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Default.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label--default',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+  for (const enabled of [true, false]) {
+    test.describe(`Feature flag enabled: ${enabled}`, () => {
+      test.describe('Default', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label--default',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Default.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label--default',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Playground', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label--playground',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Playground.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label--playground',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Playground', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label--playground',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Playground.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label--playground',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Accent', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--accent',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Accent.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--accent',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Accent', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--accent',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Accent.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--accent',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Attention', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--attention',
-            globals: {
-              colorScheme: theme,
-            },
-          })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Attention.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--attention',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Attention', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--attention',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Attention.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--attention',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Danger', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--danger',
-            globals: {
-              colorScheme: theme,
-            },
-          })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Danger.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--danger',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Danger', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--danger',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Danger.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--danger',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Done', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--done',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Done.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--done',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Done', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--done',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Done.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--done',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Primary', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--primary',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Primary.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--primary',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Primary', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--primary',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Primary.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--primary',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Secondary', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--secondary',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Secondary.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--secondary',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Secondary', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--secondary',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Secondary.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--secondary',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Severe', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--severe',
-            globals: {
-              colorScheme: theme,
-            },
-          })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Severe.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--severe',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Severe', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--severe',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Severe.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--severe',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Size Large', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--size-large',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Size Large.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--size-large',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Size Large', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--size-large',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Size Large.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--size-large',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Size Small', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--size-small',
-            globals: {
-              colorScheme: theme,
-            },
-          })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Size Small.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--size-small',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Size Small', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--size-small',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Size Small.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--size-small',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Sponsors', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--sponsors',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Sponsors.${theme}.png`)
-        })
 
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--sponsors',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Sponsors', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--sponsors',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Sponsors.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--sponsors',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
-
-  test.describe('Success', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--success',
-            globals: {
-              colorScheme: theme,
-            },
-          })
 
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`Label.Success.${theme}.png`)
-        })
-
-        test('axe @aat', async ({page}) => {
-          await visit(page, {
-            id: 'components-label-features--success',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-          await expect(page).toHaveNoViolations({
-            rules: {
-              'color-contrast': {
-                enabled: theme !== 'dark_dimmed',
-              },
-            },
-          })
-        })
+      test.describe('Success', () => {
+        for (const theme of themes) {
+          test.describe(theme, () => {
+            test('default @vrt', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--success',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+
+              // Default state
+              expect(await page.screenshot()).toMatchSnapshot(`Label.Success.${theme}.png`)
+            })
+
+            test('axe @aat', async ({page}) => {
+              await visit(page, {
+                id: 'components-label-features--success',
+                globals: {
+                  colorScheme: theme,
+                  featureFlags: {
+                    primer_react_css_modules_team: enabled,
+                  },
+                },
+              })
+              await expect(page).toHaveNoViolations({
+                rules: {
+                  'color-contrast': {
+                    enabled: theme !== 'dark_dimmed',
+                  },
+                },
+              })
+            })
+          })
+        }
       })
-    }
-  })
+    })
+  }
 })
diff --git a/packages/react/src/Label/Label.dev.stories.tsx b/packages/react/src/Label/Label.dev.stories.tsx
new file mode 100644
index 00000000000..7fc822bfa41
--- /dev/null
+++ b/packages/react/src/Label/Label.dev.stories.tsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import type {Meta} from '@storybook/react'
+import type {ComponentProps} from '../utils/types'
+import Label from './Label'
+
+export default {
+  title: 'Components/Label/Dev',
+  component: Label,
+} as Meta<ComponentProps<typeof Label>>
+
+export const AccentSx = () => (
+  <Label size="small" variant="accent" sx={{color: 'danger.fg'}}>
+    Default
+  </Label>
+)
+
+export const SizeSmallSx = () => (
+  <Label size="small" variant="sponsors" sx={{color: 'danger.fg'}}>
+    Default
+  </Label>
+)
diff --git a/packages/react/src/Label/Label.module.css b/packages/react/src/Label/Label.module.css
new file mode 100644
index 00000000000..953569336ee
--- /dev/null
+++ b/packages/react/src/Label/Label.module.css
@@ -0,0 +1,71 @@
+:where(.Label) {
+  display: inline-flex;
+  font-size: var(--text-body-size-small);
+  font-weight: var(--base-text-weight-medium);
+  line-height: 1;
+  color: var(--fgColor-default);
+  white-space: nowrap;
+  background-color: transparent;
+  border-style: solid;
+  border-width: var(--borderWidth-thin);
+  border-radius: var(--borderRadius-full);
+  align-items: center;
+
+  &:where([data-size='small']) {
+    height: var(--base-size-20);
+    padding: 0 var(--base-size-6);
+  }
+
+  &:where([data-size='large']) {
+    height: var(--base-size-24);
+    padding: 0 var(--base-size-8);
+  }
+
+  &:where([data-variant='default']) {
+    border-color: var(--borderColor-default);
+  }
+
+  &:where([data-variant='primary']) {
+    border-color: var(--fgColor-default);
+  }
+
+  &:where([data-variant='secondary']) {
+    color: var(--fgColor-muted);
+    border-color: var(--borderColor-muted);
+  }
+
+  &:where([data-variant='accent']) {
+    color: var(--fgColor-accent);
+    border-color: var(--bgColor-accent-emphasis);
+  }
+
+  &:where([data-variant='success']) {
+    color: var(--fgColor-success);
+    border-color: var(--bgColor-success-emphasis);
+  }
+
+  &:where([data-variant='attention']) {
+    color: var(--fgColor-attention);
+    border-color: var(--bgColor-attention-emphasis);
+  }
+
+  &:where([data-variant='severe']) {
+    color: var(--fgColor-severe);
+    border-color: var(--bgColor-severe-emphasis);
+  }
+
+  &:where([data-variant='danger']) {
+    color: var(--fgColor-danger);
+    border-color: var(--borderColor-danger-emphasis);
+  }
+
+  &:where([data-variant='done']) {
+    color: var(--fgColor-done);
+    border-color: var(--bgColor-done-emphasis);
+  }
+
+  &:where([data-variant='sponsors']) {
+    color: var(--fgColor-sponsors);
+    border-color: var(--bgColor-sponsors-emphasis);
+  }
+}
diff --git a/packages/react/src/Label/Label.stories.tsx b/packages/react/src/Label/Label.stories.tsx
index e1cd73742e1..a8fb009fee8 100644
--- a/packages/react/src/Label/Label.stories.tsx
+++ b/packages/react/src/Label/Label.stories.tsx
@@ -15,6 +15,25 @@ Playground.args = {
   size: 'small',
 }
 Playground.argTypes = {
+  variant: {
+    options: [
+      'default',
+      'primary',
+      'secondary',
+      'accent',
+      'success',
+      'attention',
+      'severe',
+      'danger',
+      'done',
+      'sponsors',
+    ],
+    control: {type: 'inline-radio'},
+  },
+  size: {
+    options: ['small', 'large'],
+    control: {type: 'inline-radio'},
+  },
   ref: {
     control: false,
     table: {
diff --git a/packages/react/src/Label/Label.tsx b/packages/react/src/Label/Label.tsx
index 701c0f48287..1daca76fd4a 100644
--- a/packages/react/src/Label/Label.tsx
+++ b/packages/react/src/Label/Label.tsx
@@ -1,3 +1,7 @@
+import {clsx} from 'clsx'
+import {useFeatureFlag} from '../FeatureFlags'
+import Box from '../Box'
+import classes from './Label.module.css'
 import React from 'react'
 import styled from 'styled-components'
 import {variant} from 'styled-system'
@@ -70,12 +74,12 @@ export const variants: Record<LabelColorOptions, BetterSystemStyleObject> = {
 
 const sizes: Record<LabelSizeKeys, BetterSystemStyleObject> = {
   small: {
-    height: '20px',
-    padding: '0 7px', // hard-coded to align with Primer ViewComponents and Primer CSS
+    height: 'var(--base-size-20, 20px)',
+    padding: '0 var(--base-size-6, 6px)',
   },
   large: {
-    height: '24px',
-    padding: '0 10px', // hard-coded to align with Primer ViewComponents and Primer CSS
+    height: 'var(--base-size-24, 24px)',
+    padding: '0 var(--base-size-8, 8px)',
   },
 }
 
@@ -95,8 +99,25 @@ const StyledLabel = styled.span<LabelProps>`
   ${sx};
 `
 
-const Label = React.forwardRef(function Label({as, size = 'small', variant = 'default', ...rest}, ref) {
-  return <StyledLabel as={as} size={size} variant={variant} ref={ref} {...rest} />
+const Label = React.forwardRef(function Label({as, size = 'small', variant = 'default', className, ...rest}, ref) {
+  const enabled = useFeatureFlag('primer_react_css_modules_team')
+  if (enabled) {
+    const Component = as || 'span'
+    if (rest.sx) {
+      return (
+        <Box
+          as={Component}
+          className={clsx(className, classes.Label)}
+          data-size={size}
+          data-variant={variant}
+          ref={ref}
+          {...rest}
+        />
+      )
+    }
+    return <Component className={clsx(className, classes.Label)} data-size={size} data-variant={variant} {...rest} />
+  }
+  return <StyledLabel as={as} className={className} size={size} variant={variant} ref={ref} {...rest} />
 }) as PolymorphicForwardRefComponent<'span', LabelProps>
 
 export default Label
diff --git a/packages/react/src/__tests__/Label.test.tsx b/packages/react/src/__tests__/Label.test.tsx
index 940726e534d..ec4550880e7 100644
--- a/packages/react/src/__tests__/Label.test.tsx
+++ b/packages/react/src/__tests__/Label.test.tsx
@@ -13,8 +13,8 @@ describe('Label', () => {
   })
   it('default size is rendered as "small"', () => {
     const expectedStyles = {
-      height: '20px',
-      padding: '0 7px',
+      height: 'var(--base-size-20,20px)',
+      padding: '0 var(--base-size-6,6px)',
     }
     const defaultStyles = renderStyles(<Label />)