Fix the upstream dependency conflict, or retry this command with --force or --legacy-peer-deps

[ryanpark]

Hi 👋,

First of all, Thanks for great lib.

I am trying to install my first component as Dialog using following command

npm i @radix-ui/react-dialog

There appears to be a dependency conflict involving @shadow-panda/[email protected] and @pandacss/dev. The error message indicates that while attempting to resolve @shadow-panda/[email protected], it found an incompatible version of @pandacss/dev installed (0.33.0), which conflicts with the version required by @shadow-panda/preset (0.15.5). Here's a simplified explanation of the error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @shadow-panda/[email protected]
npm ERR! Found: @pandacss/[email protected]
npm ERR! node_modules/@pandacss/dev
npm ERR!   dev @pandacss/dev@"^0.33.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @pandacss/dev@"0.15.5" from @shadow-panda/[email protected]
npm ERR! node_modules/@shadow-panda/preset
npm ERR!   dev @shadow-panda/preset@"^0.7.1" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @pandacss/[email protected]
npm ERR! node_modules/@pandacss/dev
npm ERR!   peer @pandacss/dev@"0.15.5" from @shadow-panda/[email protected]
npm ERR!   node_modules/@shadow-panda/preset
npm ERR!     dev @shadow-panda/preset@"^0.7.1" from the root project

Any idea of this error ? any suggestions ?