docs(v1-tailwind4): update v1 how to use tailwind 4

[Gao-pw]

Summary

update rspress v1 how to use tailwind 4

Related Issue

#2158

Checklist

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

[netlify]

✅ Deploy Preview for rspress ready!

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

---

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

[SoonIter]

This document seems to have not solved this problem.

tinytek-io/windcraft-starter-kit#9

this is not just a change on doc; supporting Tailwind V4 is a feature with code, testing, and documentation.

[Gao-pw]

This document seems to have not solved this problem.

tinytek-io/windcraft-starter-kit#9

this is not just a change on doc; supporting Tailwind V4 is a feature with code, testing, and documentation.

😦I will add some test cases later. I am currently a user of rspress 1.X, so I only mentioned the pr for version 1.X😢.

[SoonIter]

Thanks for your supporting. If we haven't tested this usage of tw4, and whether it is working normally in Rspress, we cannot document it to recommend users to use it... Sorry

If you want to continue this pr, you can add a test case to cover it and declare the document how to use tailwind v3 and how to use tailwind v4, split them to 2 parts