format user nodes in @responsive

Otherwise the wrong indentation is being used.

Author: RobinMalfait

packages/@tailwindcss-upgrade/src/codemods/migrate-tailwind-directives.test.ts

@@ -414,7 +414,7 @@ it('should replace `@responsive` with its children', async () => {
     `),
   ).toMatchInlineSnapshot(`
     ".foo {
-        color: red;
-      }"
+      color: red;
+    }"
   `)
 })

packages/@tailwindcss-upgrade/src/codemods/migrate-tailwind-directives.ts

@@ -58,6 +58,9 @@ export function migrateTailwindDirectives(options: { newPrefix: string | null })
       // Replace Tailwind CSS v2 directives that still worked in v3.
       else if (node.name === 'responsive') {
         if (node.nodes) {
+          for (let child of node.nodes) {
+            child.raws.tailwind_pretty = true
+          }
           node.replaceWith(node.nodes)
         } else {
           node.remove()