fix(selector): normalize specificity hacks for :has() detection, bail on unresolvable media

Two review fixes:
- Use specificity-normalized selector for isHasPattern so &&:has(${Icon}) is
  correctly detected as a :has() pattern instead of falling through to the
  descendant-component handler
- Add state.markBail() in resolveMediaAndEmitComputedKeys when media query
  interpolation cannot resolve, preventing lossy transformation

Co-Authored-By: Claude Opus 4.6 <[email protected]>

Author: skovhus

src/__tests__/transform.test.ts

@@ -5668,4 +5668,39 @@ export const App = () => (
     // Should bail — compound :has + pseudo is not supported
     expect(result.code).toBeNull();
   });
+
+  it("should handle &:has(${Component}) with specificity hack (&&:has)", () => {
+    const source = `
+import styled from "styled-components";
+
+const Icon = styled.span\`
+  color: blue;
+\`;
+
+const Button = styled.button\`
+  background: lightgray;
+
+  &&:has(\${Icon}) {
+    background: lightyellow;
+  }
+\`;
+
+export const App = () => (
+  <div>
+    <Button>No icon</Button>
+    <Button>With icon <Icon>★</Icon></Button>
+  </div>
+);
+`;
+
+    const result = transformWithWarnings(
+      { source, path: "test.tsx" },
+      { jscodeshift: j, j, stats: () => {}, report: () => {} },
+      { adapter: fixtureAdapter },
+    );
+
+    // Should transform (not bail) — && is a specificity hack normalized to &
+    expect(result.code).not.toBeNull();
+    expect(result.code).toContain("stylex.when.descendant");
+  });
 });

src/internal/lower-rules/process-rules.ts

@@ -413,7 +413,9 @@ export function processDeclRules(ctx: DeclProcessingState): void {
       const isCssHelperPlaceholder = !!otherLocal && cssHelperNames.has(otherLocal);
 
       const selTrim2 = rule.selector.trim();
-      const isHasPattern = HAS_COMPONENT_SELECTOR_STRICT_RE.test(selTrim2);
+      // Use specificity-normalized selector for :has() detection (e.g. &&:has → &:has)
+      const normalizedSel2 = normalizeSpecificityHacks(selTrim2).normalized;
+      const isHasPattern = HAS_COMPONENT_SELECTOR_STRICT_RE.test(normalizedSel2);
 
       // `${Other}:pseudo &` (Icon reacting to ancestor hover/focus/etc.)
       // This is the inverse of `&:pseudo ${Child}` — the declaring component is the child,
@@ -2424,6 +2426,7 @@ function resolveMediaAndEmitComputedKeys(
       },
     );
     if (resolved === null) {
+      state.markBail();
       warnings.push({
         severity: "warning",
         type: "Unsupported: media query interpolation must be a simple imported reference (expressions like `value + 1` are not supported)",