perf(CSS): remove the massive wall of empty CSS properties added by Tailwind CSS

[dgonzalezr]

Description

The default Tailwind CSS behavior adds a lot of useless empty custom CSS properties.

with these changes, we avoid Tailwind bloating the CSS with all these custom CSS properties.

.

Here we're also disabling the usage of rgb/opacity, which also removes a massive block of empty Custom Properties that Tailwind generates.

Related Issue

N/A

Documentation

https://piccalil.li/blog/a-css-project-boilerplate/
https://v2.tailwindcss.com/docs/configuration#variant-order

Checklist

• I have read the CONTRIBUTING document.
• I have read the CODE OF CONDUCT document.
• I have reviewed my own code.
• I have tested the changes locally.
• I have updated the documentation (if applicable).
• I have added unit tests and e2e tests (if applicable).
• I have requested reviews from relevant team members.

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 23037f9. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

✅ Successfully ran 5 targets

• nx affected -t storybook-build --exclude=*,!tag:core --parallel=1 --base=29c6bb43a686dfec9efe0ac5da96f6c0d5d788c3 --head=23037f9bb1a294672aca17092c55f76489df0788
• nx affected -t e2e --exclude=*,!tag:core --parallel=3 --base=29c6bb43a686dfec9efe0ac5da96f6c0d5d788c3 --head=23037f9bb1a294672aca17092c55f76489df0788 --ci --code-coverage --runInBand
• nx affected -t test --exclude=*,!tag:core --parallel=3 --base=29c6bb43a686dfec9efe0ac5da96f6c0d5d788c3 --head=23037f9bb1a294672aca17092c55f76489df0788 --ci --runInBand
• nx affected -t lint --exclude=*,!tag:publishable --parallel=3 --base=29c6bb43a686dfec9efe0ac5da96f6c0d5d788c3 --head=23037f9bb1a294672aca17092c55f76489df0788
• nx affected -t build --exclude=*,!tag:publishable --parallel=3 --base=29c6bb43a686dfec9efe0ac5da96f6c0d5d788c3 --head=23037f9bb1a294672aca17092c55f76489df0788

---

Sent with 💌 from NxCloud.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud