Skip to content

Conversation

@JammingBen
Copy link
Contributor

The design-system css file is supposed to be imported in the main css file of the consuming application. We need to remove the tailwind reference directives because they are already resolved in the main css file via the top tailwind import. Leaving them would cause issues.

The design-system css file is supposed to be imported in the main css file of the consuming application. We need to remove the tailwind reference directives because they are already resolved in the main css file via the top tailwind import. Leaving them would cause issues.
@JammingBen JammingBen self-assigned this Dec 9, 2025
Copilot AI review requested due to automatic review settings December 9, 2025 10:10
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR fixes an issue in the design-system package where Tailwind reference directives in the bundled CSS were causing conflicts when imported by consuming applications. The solution implements a custom PostCSS plugin to strip these directives during the build process.

Key Changes:

  • Added a custom PostCSS plugin that removes @reference at-rules from the bundled CSS output

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@JammingBen JammingBen merged commit 6088e89 into main Dec 10, 2025
28 checks passed
@JammingBen JammingBen deleted the fix/design-system-remove-tailwind-reference branch December 10, 2025 07:43
openclouders pushed a commit that referenced this pull request Dec 10, 2025
…ailwind-reference

fix(design-system): remove tailwind reference in bundled css
This was referenced Dec 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants