fix(ui): normalize form field label sizing

packages/ui/test/ui.test.ts

@@ -32,6 +32,19 @@ test("Textarea binds its value without rendering hydration markup as user conten
   expect(source).not.toContain(">{value}</textarea>");
 });
 
+test("form field labels use a stable control-label size instead of inherited heading scale", () => {
+  const fieldComponents = uiComponentNames().filter((name) =>
+    readFileSync(uiComponentPath(name), "utf8").includes(".wrn-next__field-heading label"),
+  );
+  expect(fieldComponents.length).toBeGreaterThan(0);
+  for (const name of fieldComponents) {
+    const source = readFileSync(uiComponentPath(name), "utf8");
+    expect(source).toMatch(
+      /\.wrn-next__field-heading label\s*\{[^}]*font-size: 0\.8125rem;[^}]*line-height: 1\.35;/s,
+    );
+  }
+});
+
 test("global UI CSS stays below its migration ratchet", () => {
   const css = uiCss();
   // Component selectors belong to their owning .wrn files. Keep this asset to
@@ -2929,7 +2942,9 @@ test("mega menu renders column groups in an anchored panel", async () => {
   expect(trigger.getAttribute("aria-expanded")).toBe("false");
   expect(trigger.getAttribute("aria-haspopup")).toBe("true");
   expect(trigger.getAttribute("aria-label")).toBe("Products");
-  expect(dom.querySelector(".wrn-mega__trigger-label")?.getAttribute("data-label")).toBe("Products");
+  expect(dom.querySelector(".wrn-mega__trigger-label")?.getAttribute("data-label")).toBe(
+    "Products",
+  );
 
   const panel = dom.querySelector(".wrn-mega__panel") as HTMLElement;
   expect(panel.getAttribute("data-wrn-anchored")).toBe("true");
@@ -2986,7 +3001,7 @@ test("catalog mega menu renders only the active rail category", async () => {
   expect(dom.querySelector(".wrn-mega__link-icon--fallback svg")).not.toBeNull();
   expect(dom.querySelectorAll(".wrn-mega__link-description")).toHaveLength(0);
   expect(source).toContain("border-bottom: 1px solid var(--wrn-color-border)");
-  expect(source).toContain('.wrn-mega__rail-icon > span');
+  expect(source).toContain(".wrn-mega__rail-icon > span");
   expect(source).toContain("color: currentColor !important");
 });
 
@@ -3174,7 +3189,7 @@ test("mega menu keeps hover activation and click activation from cancelling each
   expect(source).toContain("showPanel(sourceEvent)");
   expect(source).not.toContain("function scheduleOpen");
   expect(source).toContain('.wrn-mega__panel[data-show="false"] { display: none; }');
-  expect(source).toContain("style='{visible ? \"\" : \"display:none\"}'");
+  expect(source).toContain('style=\'{visible ? "" : "display:none"}\'');
   expect(source).not.toContain("@focus='showPanel(event)'");
   expect(source).toContain("max-height: calc(100dvh - 5.5rem)");
 });
@@ -3185,14 +3200,18 @@ test("mega menu gives the pointer time to cross from its trigger into a floating
   expect(source).toContain("@mouseleave='scheduleHide()'");
   expect(source).toContain("@mouseenter='cancelScheduledHide()'");
   expect(source).toContain("}, 220)");
-  expect(source).not.toContain('@mouseleave=\'hidePanel("pointer-leave")\'');
+  expect(source).not.toContain("@mouseleave='hidePanel(\"pointer-leave\")'");
 });
 
 test("navbar pins full-width mega panels to desktop viewport gutters", () => {
   const source = readFileSync(uiComponentPath("Navbar"), "utf8");
-  expect(source).toMatch(/\.wrn-navbar__mega\[data-full-width="true"\] \.wrn-mega__panel \{[^}]*position: fixed/s);
+  expect(source).toMatch(
+    /\.wrn-navbar__mega\[data-full-width="true"\] \.wrn-mega__panel \{[^}]*position: fixed/s,
+  );
   expect(source).toMatch(/right: 1rem;\s+left: 1rem;/s);
-  expect(source).toMatch(/data-collapse-at="1100px"[^}]+\.wrn-navbar__mega\[data-full-width="true"\][^}]+position: static/s);
+  expect(source).toMatch(
+    /data-collapse-at="1100px"[^}]+\.wrn-navbar__mega\[data-full-width="true"\][^}]+position: static/s,
+  );
 });
 
 test("stepper shows only the active step content and offers back, next and skip", async () => {