fix(remix): update setup-tailwind generator to correct import statements:

closes: #30343

Author: ndcunningham

docs/generated/packages/remix/generators/setup-tailwind.json

@@ -18,8 +18,7 @@
         "type": "string",
         "description": "The name of the project to add tailwind to",
         "$default": { "$source": "projectName" },
-        "x-prompt": "What project would you like to add Tailwind to?",
-        "pattern": "^[a-zA-Z].*$"
+        "x-prompt": "What project would you like to add Tailwind to?"
       },
       "skipFormat": {
         "type": "boolean",

packages/remix/src/generators/setup-tailwind/__snapshots__/setup-tailwind.impl.spec.ts.snap

@@ -43,7 +43,7 @@ exports[`setup-tailwind generator should add a tailwind config to an application
   ScrollRestoration,
 } from '@remix-run/react';
 import type { MetaFunction, LinksFunction } from '@remix-run/node';
-import twStyles from './tailwind.css';
+import from './tailwind.css';
 
 export const meta: MetaFunction = () => [
   {
@@ -52,7 +52,6 @@ export const meta: MetaFunction = () => [
 ];
 
 export const links: LinksFunction = () => [
-  { rel: 'stylesheet', href: twStyles },
   { rel: 'preconnect', href: 'https://fonts.googleapis.com' },
   {
     rel: 'preconnect',

packages/remix/src/generators/setup-tailwind/schema.json

@@ -17,8 +17,7 @@
       "$default": {
         "$source": "projectName"
       },
-      "x-prompt": "What project would you like to add Tailwind to?",
-      "pattern": "^[a-zA-Z].*$"
+      "x-prompt": "What project would you like to add Tailwind to?"
     },
     "skipFormat": {
       "type": "boolean",

packages/remix/src/generators/setup-tailwind/setup-tailwind.impl.ts

@@ -5,39 +5,34 @@ import {
   installPackagesTask,
   joinPathFragments,
   readProjectConfiguration,
+  stripIndents,
   type Tree,
 } from '@nx/devkit';
 
-import { upsertLinksFunction } from '../../utils/upsert-links-function';
 import {
   autoprefixerVersion,
   postcssVersion,
   tailwindVersion,
 } from '../../utils/versions';
 import type { SetupTailwindSchema } from './schema';
+import { insertStatementAfterImports } from '../../utils/insert-statement-after-imports';
 
 export default async function setupTailwind(
   tree: Tree,
   options: SetupTailwindSchema
 ) {
   const project = readProjectConfiguration(tree, options.project);
-  if (project.projectType !== 'application') {
-    throw new Error(
-      `Project "${options.project}" is not an application. Please ensure the project is an application.`
-    );
-  }
 
   generateFiles(tree, joinPathFragments(__dirname, 'files'), project.root, {
     tpl: '',
   });
 
   const pathToRoot = joinPathFragments(project.root, 'app/root.tsx');
-  upsertLinksFunction(
+
+  insertStatementAfterImports(
     tree,
     pathToRoot,
-    'twStyles',
-    './tailwind.css',
-    `{ rel: "stylesheet", href: twStyles }`
+    stripIndents`import from './tailwind.css';`
   );
 
   addDependenciesToPackageJson(