removed turbopack section from next.js guide (tailwindlabs#1474)

Author: Nutlope

src/pages/docs/guides/nextjs.js

@@ -235,157 +235,6 @@ let tabs = [
     return (
 >     <h1 className="text-3xl font-bold underline">
 >       Hello world!
->     </h1>
-    )
-  }`,
-        },
-      },
-    ],
-  },
-  {
-    name: 'Using Turbopack',
-    key: 'using-turbopack',
-    href: '#turbopack',
-    intro: () => (
-      <p>
-        <a href="https://turbo.build/pack">Turbopack</a> is currently in alpha and doesn’t yet
-        expose any public plugin APIs, so the best way to integrate Tailwind CSS is using Tailwind
-        CLI to compile your CSS alongside your development server.
-      </p>
-    ),
-    steps: [
-      {
-        title: 'Create your project',
-        body: () => (
-          <p>
-            Start by creating a new Next.js project if you don’t have one set up already. The most
-            common approach is to use{' '}
-            <a href="https://nextjs.org/docs/api-reference/create-next-app">Create Next App</a>.
-          </p>
-        ),
-        code: {
-          name: 'Terminal',
-          lang: 'terminal',
-          code: 'npx create-next-app@latest my-project --typescript --eslint\ncd my-project',
-        },
-      },
-      {
-        title: 'Install Tailwind CSS',
-        body: () => (
-          <p>
-            Install <code>tailwindcss</code>, its peer dependencies, and <code>concurrently</code>{' '}
-            via npm, and then run the init command to generate a <code>tailwind.config.js</code>{' '}
-            file.
-          </p>
-        ),
-        code: {
-          name: 'Terminal',
-          lang: 'terminal',
-          code: 'npm install -D tailwindcss autoprefixer concurrently\nnpx tailwindcss init',
-        },
-      },
-      {
-        title: 'Configure your template paths',
-        body: () => (
-          <p>
-            Add the paths to all of your template files in your <code>tailwind.config.js</code>{' '}
-            file.
-          </p>
-        ),
-        code: {
-          name: 'tailwind.config.js',
-          lang: 'js',
-          code: `  /** @type {import('tailwindcss').Config} */
-  module.exports = {
->   content: [
->     "./pages/**/*.{js,ts,jsx,tsx}",
->     "./components/**/*.{js,ts,jsx,tsx}",
->   ],
-    theme: {
-      extend: {},
-    },
-    plugins: [],
-  }`,
-        },
-      },
-      {
-        title: 'Update your package.json scripts',
-        body: () => (
-          <p>
-            Update the scripts in your <code>package.json</code> file to build both your development
-            and production CSS.
-          </p>
-        ),
-        code: {
-          name: 'package.json',
-          lang: 'diff-json5',
-          code: `"scripts": {
--   "dev": "next dev",
--   "build": "next build",
-+   "dev": "concurrently \\\"next dev --turbo\\\" \\\"tailwindcss -i styles/globals.css -o styles/dist.css -w\\\"",
-+   "build": "tailwindcss -m -i styles/globals.css -o styles/dist.css && next build",
-    "start": "next start",
-    "lint": "next lint"
-}`,
-        },
-      },
-      {
-        title: 'Add the Tailwind directives to your CSS',
-        body: () => (
-          <p>
-            Add the <code>@tailwind</code> directives for each of Tailwind’s layers to your{' '}
-            <code>./styles/globals.css</code> file.
-          </p>
-        ),
-        code: {
-          name: 'globals.css',
-          lang: 'css',
-          code: '@tailwind base;\n@tailwind components;\n@tailwind utilities;',
-        },
-      },
-      {
-        title: 'Import the compiled CSS file',
-        body: () => (
-          <p>
-            Update your <code>./pages/_app.tsx</code> file to import the compiled CSS file.
-          </p>
-        ),
-        code: {
-          name: '_app.tsx',
-          lang: 'diff-js',
-          code: `- import '../styles/globals.css'
-+ import '../styles/dist.css'
-
-  function MyApp({ Component, pageProps }) {
-    return <Component {...pageProps} />
-  }
-
-  export default MyApp`,
-        },
-      },
-      {
-        title: 'Start your build process',
-        body: () => (
-          <p>
-            Run your build process with <code>npm run dev</code>.
-          </p>
-        ),
-        code: {
-          name: 'Terminal',
-          lang: 'terminal',
-          code: 'npm run dev',
-        },
-      },
-      {
-        title: 'Start using Tailwind in your project',
-        body: () => <p>Start using Tailwind’s utility classes to style your content.</p>,
-        code: {
-          name: 'index.tsx',
-          lang: 'jsx',
-          code: `  export default function Home() {
-    return (
->     <h1 className="text-3xl font-bold underline">
->       Hello world!
 >     </h1>
     )
   }`,