feat(ui): minify css

[avivkeller]

Fixes #7982 by cssnano-ing the styles prepublish.

(Also pnpm i sorted the package.json)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nodejs-org	✅ Ready (Inspect)	Visit Preview	Jul 16, 2025 1:24am

[Copilot]

Pull Request Overview

Adds CSS minification to the UI components package by integrating cssnano into the build process and updating the dependency list.

• Introduce cssnano in devDependencies and PostCSS config
• Reorder and sort devDependencies in package.json after running pnpm install

Reviewed Changes

Copilot reviewed 2 out of 3 changed files in this pull request and generated no comments.

File	Description
packages/ui-components/package.json	Added cssnano to devDependencies and sorted entries
packages/ui-components/.postcssrc.json	Included cssnano plugin for CSS post-processing

Files not reviewed (1)

• pnpm-lock.yaml: Language not supported

Comments suppressed due to low confidence (1)

packages/ui-components/.postcssrc.json:5

• [nitpick] Consider configuring cssnano to only run in production builds (e.g., via an environment-specific PostCSS config) to avoid unnecessary minification overhead during development.

    "cssnano": {}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 73.12%. Comparing base (b035290) to head (43cb8d6).
Report is 5 commits behind head on main.

✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #7988      +/-   ##
==========================================
+ Coverage   73.10%   73.12%   +0.02%     
==========================================
  Files          95       95              
  Lines        8355     8354       -1     
  Branches      219      218       -1     
==========================================
+ Hits         6108     6109       +1     
+ Misses       2246     2244       -2     
  Partials        1        1              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[MattIPv4]

I should ask though, why isn't Tailwind doing this for us? It appears to have support for optimization + minification: https://github.com/tailwindlabs/tailwindcss/blob/88b9f15b65588a87c5b6b13316530b4aecbc1b0b/packages/%40tailwindcss-postcss/src/index.ts#L55 (appears to use lightningcss: https://github.com/tailwindlabs/tailwindcss/blob/main/packages/%40tailwindcss-node/src/optimize.ts)

[avivkeller]

I didn't know that was supported on PostCSS, the docs say to use cssnano. I've tested it, and it works, committing now

[MattIPv4]

Those are v3 docs ;)