Dependency conflict with Vite: postcss-mixins requires sugarss@^4 but Vite requires sugarss@^5

[josermarinr]

Hi team 👋,

I tried installing @openai/apps-sdk-ui inside a Vite 7 project, and npm fails with a dependency resolution error related to sugarss.

What happens

I see the following error in my console:

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: vite@7.2.4
npm error Found: sugarss@4.0.1
npm error node_modules/sugarss
npm error   sugarss@"^4.0.1" from postcss-mixins@11.0.3
npm error   node_modules/postcss-mixins
npm error     postcss-mixins@"^11.0.3" from @openai/apps-sdk-ui@0.2.0
npm error     node_modules/@openai/apps-sdk-ui
npm error       @openai/apps-sdk-ui@"*" from the root project
npm error
npm error Could not resolve dependency:
npm error peerOptional sugarss@"^5.0.0" from vite@7.2.4
npm error node_modules/vite
npm error   peer vite@"^5.1.0 || ^6.0.0 || ^7.0.0" from @react-router/dev@7.9.6
npm error   node_modules/@react-router/dev
npm error     dev @react-router/dev@"^7.9.6" from the root project
npm error   peer vite@"^5.2.0 || ^6 || ^7" from @tailwindcss/vite@4.1.17
npm error   node_modules/@tailwindcss/vite
npm error     dev @tailwindcss/vite@"^4.1.17" from the root project
npm error   3 more (vite-node, vite-tsconfig-paths, the root project)
npm error
npm error Conflicting peer dependency: sugarss@5.0.1
npm error node_modules/sugarss
npm error   peerOptional sugarss@"^5.0.0" from vite@7.2.4
npm error   node_modules/vite
npm error     peer vite@"^5.1.0 || ^6.0.0 || ^7.0.0" from @react-router/dev@7.9.6
npm error     node_modules/@react-router/dev
npm error       dev @react-router/dev@"^7.9.6" from the root project
npm error     peer vite@"^5.2.0 || ^6 || ^7" from @tailwindcss/vite@4.1.17
npm error     node_modules/@tailwindcss/vite
npm error       dev @tailwindcss/vite@"^4.1.17" from the root project
npm error     3 more (vite-node, vite-tsconfig-paths, the root project)
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error

In summary
postcss-mixins@11.0.3 (used by @openai/apps-sdk-ui) depends on:

sugarss@"^4.0.1"

But Vite 7.x declares:

peerOptional sugarss@"^5.0.0"

This causes npm to fail with an ERESOLVE conflict during installation.

Proposed fix

Upgrade postcss-mixins inside the SDK to version 12.1.2, which depends on:

sugarss@"^5.0.1"

This would make the package compatible with Vite’s requirements and resolve the dependency conflict.

Environment

@openai/apps-sdk-ui: 0.2.0

Vite: 7.2.4

npm: 11.6.x

Node: 20.x

Additional notes

I added this in my package.json:

"devDependencies": {
  "sugarss": "^5.0.1"
}
``
…but it’s only a temporary fix and not ideal for long-term compatibility.

Let me know if you need a minimal reproduction repo, I can provide one. 

Thanks for your work on this SDK! 

[tylersmith-openai]

Thank you for flagging! Please pull down 0.2.1 for the fix here.