[WEB-5572] fix storybook 500 error

[anmolsinghbhatia]

Summary

• Fixes Storybook failing to load in the propel package with a 500 Internal Server Error
• Renames postcss.config.js → postcss.config.cjs to resolve ES module conflict

Problem

The @plane/propel package has "type": "module" in package.json, which makes Node.js treat all .js files as ES modules. However, postcss.config.js uses CommonJS syntax (module.exports), causing Vite/Storybook to fail with:

"module is not defined in ES module scope"

Solution

Rename the file to .cjs extension, which explicitly tells Node.js to treat it as CommonJS regardless of the package type setting.

Type of Change

• Bug fix

[makeplane]

Linked to Plane Work Item(s)

• [WEB-5572] Storybook fails to load in propel package due to PostCSS config module conflict

This comment was auto-generated by Plane

[coderabbitai]

Important

Review skipped

Review was skipped as selected files did not have any reviewable changes.

💤 Files selected but had no reviewable changes (1)

• packages/propel/postcss.config.cjs

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch fix-propel-storybook-postcss-config

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

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