feat(react): add Tailwind v3/v4 compatible CSS export

[wcole1-godaddy]

Summary

Add a second CSS export (styles-tailwind.css) for projects that already have Tailwind installed.

Problem

When consumers with Tailwind v3 import @godaddy/react/styles.css, they get:

@layer base is used but no matching @tailwind base directive is present

This happens because Tailwind v3's PostCSS plugin sees the compiled @layer base block and expects a corresponding @tailwind base directive.

Solution

Ship two CSS exports:

Export	Use Case
@godaddy/react/styles.css	Standalone (no Tailwind) - includes full preflight
@godaddy/react/styles-tailwind.css	Tailwind projects - excludes base layer

The tailwind version uses:

@import "tailwindcss/theme" layer(theme);
@import "tailwindcss/utilities" source(none);

This includes theme mappings and utilities but not the base/preflight layer.

Usage

// For Tailwind projects
import '@godaddy/react/styles-tailwind.css';

// For non-Tailwind projects  
import '@godaddy/react/styles.css';

Notes

• Import from JS, not inside your Tailwind CSS file
• Import after your app's Tailwind CSS for correct cascade order
• Theme customization via --gd-* CSS variables

[changeset-bot]

🦋 Changeset detected

Latest commit: 0e69461

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@godaddy/react	Patch
nextjs	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR