test: update snaps

Author: segunadebayo

sandbox/codegen/__tests__/frameworks/preact.styled-factory.test.tsx

@@ -350,7 +350,7 @@ describe('styled factory - button recipe', () => {
     )
 
     expect(container.firstElementChild?.outerHTML).toMatchInlineSnapshot(
-      `"<div class="d_flex flex-d_column gap_10px c_red.400">Click me</div>"`,
+      `"<div class="d_flex flex-d_column gap_8px c_red.400">Click me</div>"`,
     )
   })
 

sandbox/codegen/__tests__/frameworks/qwik.styled-factory.test.tsx

@@ -370,7 +370,7 @@ describe('styled factory - button recipe', async () => {
 
     const container = screen.querySelector('div')!
     expect(container.outerHTML).toMatchInlineSnapshot(
-      `"<div class="d_flex flex-d_column gap_10px c_red.400">Click me</div>"`,
+      `"<div class="d_flex flex-d_column gap_8px c_red.400">Click me</div>"`,
     )
   })
 

sandbox/codegen/__tests__/frameworks/solid.styled-factory.test.tsx

@@ -428,7 +428,7 @@ describe('styled factory - button recipe', () => {
     expect(container.firstChild).toMatchInlineSnapshot(
       `
       <div
-        class="d_flex flex-d_column gap_10px c_red.400"
+        class="d_flex flex-d_column gap_8px c_red.400"
       >
         Click me
       </div>

sandbox/codegen/__tests__/frameworks/vue.styled-factory.test.tsx

@@ -428,7 +428,7 @@ describe('styled factory - button recipe', () => {
     expect(firstChild).toMatchInlineSnapshot(
       `
       <div
-        class="d_flex flex-d_column gap_10px c_red.400"
+        class="d_flex flex-d_column gap_8px c_red.400"
       >
         Click me
       </div>

sandbox/codegen/__tests__/scenarios/jsx-minimal.test.tsx

@@ -341,7 +341,7 @@ describe('styled factory - button recipe', () => {
     expect(container.firstChild).toMatchInlineSnapshot(
       `
       <div
-        class="d_flex flex-d_column gap_10px"
+        class="d_flex flex-d_column gap_8px"
         color="red.400"
       >
         Click me

sandbox/codegen/__tests__/scenarios/jsx-none.test.tsx

@@ -341,7 +341,7 @@ describe('styled factory - button recipe', () => {
     expect(container.firstChild).toMatchInlineSnapshot(
       `
       <div
-        class="d_flex flex-d_column gap_10px"
+        class="d_flex flex-d_column gap_8px"
         color="red.400"
       >
         Click me

sandbox/codegen/__tests__/styled-factory.test.tsx

@@ -350,7 +350,7 @@ describe('styled factory - button recipe', () => {
     expect(container.firstChild).toMatchInlineSnapshot(
       `
       <div
-        class="d_flex flex-d_column gap_10px c_red.400"
+        class="d_flex flex-d_column gap_8px c_red.400"
       >
         Click me
       </div>