docs: Revise TailwindCSS installation and configuration guide for v4

[sagardwivedi]

The documentation has been updated to reflect the changes introduced in TailwindCSS v4. Installation steps and the configuration process have been revised to align with the latest practices, ensuring better compatibility and a smoother experience for both new users and those upgrading to v4.

Further updates are possible based on:

• Detecting classes in source files
• Functions and Directives

Summary

• Revised installation instructions to match v4.
• Updated configuration details for better clarity and alignment with v4 features.
• Let me know what further can be added to improve the doc

Related Links

• TailwindCSS v4 Release Notes

Checklist

• Tests updated (or not required).
• Documentation updated (or not required).

[netlify]

✅ Deploy Preview for rsbuild ready!

Name	Link
🔨 Latest commit	7eb1e34
🔍 Latest deploy log	https://app.netlify.com/sites/rsbuild/deploys/6793df39cbfbf80008aa93fb
😎 Deploy Preview	https://deploy-preview-4425--rsbuild.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 72 (🟢 up 1 from production) Accessibility: 97 (no change from production) Best Practices: 100 (no change from production) SEO: 100 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[chenjiahan]

Thank you for your contribution.

For Tailwind CSS, I tend to keep tutorials for both v3 and v4 because Tailwind CSS v4 has poor browser compatibility and many users may still be using v3.

[sagardwivedi]

Okay, so we will have documentation for both v3 and v4. Should I append the v4 details to the original document?

[chenjiahan]

Should I append the v4 details to the original document?

Yes, we can have two sections for v3 and v4.