chakra-ui / panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

Home Page:https://panda-css.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PandaCSS' postcss dependency conflicts with vite's postcss dependency

rcoedo opened this issue · comments

Description

When I add the postcss plugin in my vite.config.ts file I get a TS error:
image

After investigating the issue I noticed I have two postcss versions: 8.4.35 (PandaCSS' required version) and 8.4.38 (Vite's version).

Since the postcss plugin is just using the postcss type definition, would it be possible to use a peer dependency instead?

Thanks!

Link to Reproduction

https://github.com/rcoedo/pandacss-postcss-bug

Steps to reproduce

Open vite.config.ts and there will be a typescript error like the one mentioned.

JS Framework

React

Panda CSS Version

0.37.2

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response

This could be related to some closed postcss issues like #1104