fix(ci): fix format and failing field-group test

- Format apps/playground/test/pipeline.test.ts with oxfmt
- Replace combined CSS selector key with individual selectors in
  useFieldGroupRecipe so the seam-selector test can find each child rule

Author: alexgrozav

apps/playground/test/pipeline.test.ts

@@ -33,15 +33,12 @@ const input = {
 
 async function loadMocks() {
 	const { transformTs } = await import("@/pipeline/transformTs");
-	const { evalUserConfig, evalStyleframeFile } = await import(
-		"@/pipeline/evalUserConfig"
-	);
-	const { transpileStyleframe } = await import(
-		"@/pipeline/transpileStyleframe"
-	);
-	const { scanAndRegisterUtilities } = await import(
-		"@/pipeline/scanAndRegisterUtilities"
-	);
+	const { evalUserConfig, evalStyleframeFile } =
+		await import("@/pipeline/evalUserConfig");
+	const { transpileStyleframe } =
+		await import("@/pipeline/transpileStyleframe");
+	const { scanAndRegisterUtilities } =
+		await import("@/pipeline/scanAndRegisterUtilities");
 	const { bundlePreview } = await import("@/pipeline/bundlePreview");
 	const { buildSrcdoc } = await import("@/pipeline/buildSrcdoc");
 	return {

theme/src/recipes/field-group/useFieldGroupRecipe.ts

@@ -62,8 +62,6 @@ export const useFieldGroupRecipe = createUseRecipe(
 	(s) => {
 		const { selector } = s;
 
-		const inputSelectors = [".input", ".select", ".textarea"] as const;
-
 		// Horizontal: join controls side-by-side and let fields take the slack.
 		selector(".field-group.-horizontal", {
 			"& > *:not(:last-child)": {
@@ -75,10 +73,9 @@ export const useFieldGroupRecipe = createUseRecipe(
 				borderTopLeftRadius: "0",
 				borderBottomLeftRadius: "0",
 			},
-			[`& > ${inputSelectors.join(", & > ")}`]: {
-				flexGrow: "1",
-				minWidth: "0",
-			},
+			"& > .input": { flexGrow: "1", minWidth: "0" },
+			"& > .select": { flexGrow: "1", minWidth: "0" },
+			"& > .textarea": { flexGrow: "1", minWidth: "0" },
 		});
 
 		// Vertical: join controls top-to-bottom.