examples(fix): Gradient in `with-tailwind` (#11073)
Title: Fix Tailwind CSS variables in `with-tailwind`
Description:
- This PR resolves an issue in the `with-tailwind` Turborepo example
where the background gradient and color variables in
`packages/tailwind-config/shared-styles.css` were not rendering
correctly.
1. Issue: Certain color variables (--red-1000, --blue-1000,
--purple-1000) were not recognized by the build system, causing the
background gradient to fail and resulting in errors.
2. Cause: The current build setup did not process the @theme or @theme
static directives correctly, leading to missing or undefined CSS
variables.
3. Solution: Updated the styles so that the color variables are
correctly injected and available during build and runtime, ensuring that
gradients and other styles render as expected.
Files Changed:
- packages/tailwind-config/shared-styles.css
Issue: Closes #11054
Updated the color variables so gradients and styles render correctly,
fixing errors caused by unprocessed @theme directives.
---------
Co-authored-by: Anthony Shew <anthony.shew@vercel.com>
Co-authored-by: Anthony Shew <anthonyshew@gmail.com>
