Update Templates and Dependencies to Tailwind CSS v4

[ghost]

This PR updates various templates to Tailwind CSS v4 and ensures compatibility across multiple environments. The following changes were made:

• Upgraded Tailwind CSS to v4 in multiple templates (Cloudflare D1, Node Custom Server, Vercel, etc.)
• Rebuilt the pnpm-lock.yaml file to update dependencies and ensure consistency.
• Updated relevant styles and configurations to reflect changes introduced by Tailwind v4.
• Verified functionality in each template (Cloudflare, Vercel, Node Postgres, etc.) to ensure compatibility.

CSS Import Update Note:

As part of these updates, the import method for the CSS file was changed from:

import stylesheet from "./app.css?url"

to:

import "./app.css"

Reason for the Change:
Previously, using import stylesheet from "./app.css?url"; caused errors in production:

React's minified error:Uncaught Error: Minified React error #418.

Also During the build process, I initially noticed the following log:

✓ 1 asset moved from React Router server build to client assets.

Switching to import "./app.css"; resolves this issue by ensuring the CSS is bundled correctly, allowing the build to complete without errors. The new approach ensures that the application works as expected in production, with the assets properly handled.

Related issue tailwindlabs/tailwindcss#15422