remove css-bundle as it is unnecessary with vite

Author: kentcdodds

app/root.tsx

@@ -1,7 +1,6 @@
 import { useForm, getFormProps } from '@conform-to/react'
 import { parseWithZod } from '@conform-to/zod'
 import { invariantResponse } from '@epic-web/invariant'
-import { cssBundleHref } from '@remix-run/css-bundle'
 import {
 	json,
 	type LoaderFunctionArgs,
@@ -62,7 +61,6 @@ export const links: LinksFunction = () => {
 		{ rel: 'preload', href: iconsHref, as: 'image' },
 		// Preload CSS as a resource to avoid render blocking
 		{ rel: 'preload', href: tailwindStyleSheetUrl, as: 'style' },
-		cssBundleHref ? { rel: 'preload', href: cssBundleHref, as: 'style' } : null,
 		{ rel: 'mask-icon', href: '/favicons/mask-icon.svg' },
 		{
 			rel: 'alternate icon',
@@ -78,7 +76,6 @@ export const links: LinksFunction = () => {
 		//These should match the css preloads above to avoid css as render blocking resource
 		{ rel: 'icon', type: 'image/svg+xml', href: '/favicons/favicon.svg' },
 		{ rel: 'stylesheet', href: tailwindStyleSheetUrl },
-		cssBundleHref ? { rel: 'stylesheet', href: cssBundleHref } : null,
 	].filter(Boolean)
 }
 

package-lock.json

@@ -57,7 +57,6 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@react-email/components": "0.0.11",
-    "@remix-run/css-bundle": "2.7.2",
     "@remix-run/express": "2.7.2",
     "@remix-run/node": "2.7.2",
     "@remix-run/react": "2.7.2",