How do I use clean-css with remix?

[hk-skit]

I am trying to use clean-css in my remix app. But not able to make it work. Importing clean css throws following error:

Uncaught ReferenceError: process is not defined
    at ../../node_modules/clean-css/lib/reader/rewrite-url.js (clean-css.js?v=11497c17:11504:21)
    at __require (chunk-TXPGJST7.js?v=0f4ddc52:9:50)
    at ../../node_modules/clean-css/lib/reader/rebase.js (clean-css.js?v=11497c17:11585:22)
    at __require (chunk-TXPGJST7.js?v=0f4ddc52:9:50)
    at ../../node_modules/clean-css/lib/reader/read-sources.js (clean-css.js?v=11497c17:12338:18)
    at __require (chunk-TXPGJST7.js?v=0f4ddc52:9:50)
    at ../../node_modules/clean-css/lib/clean.js (clean-css.js?v=11497c17:12765:23)
    at __require (chunk-TXPGJST7.js?v=0f4ddc52:9:50)
    at ../../node_modules/clean-css/index.js (clean-css.js?v=11497c17:12929:22)
    at __require (chunk-TXPGJST7.js?v=0f4ddc52:9:50)

I tried to dig into github issues of remix and clean-css but couldn't find anything useful.

Steps to produce:

1. Create a remix app using npx create-remix@latest
2. Add clean-css as deps.
3. Use clean css

const result = useMemo(() => {
    const cleaner = new CleanCSS();
    return cleaner.minify('.some {}').styles;
  }, []);

TIA. 🙏🏻

[akomm]

You run server code on client. This is why you get the error. It says it requires node on its readme.md page: