Panda extracting styles from non-panda component props

[nassimbenkirane]

Description

When I use panda with other component libraries that have the same props as panda, I expect generated styles from panda to only contain styles from panda components.
Instead, other components are detected in the AST and styles are generated for non panda components.

Link to Reproduction

https://play.panda-css.com/7-DyunsmOs

Steps to reproduce

1. See that there's a non panda component

2. Click on AST
3. See that jsx detected the props

4. Click on CSS
5. See that the CSS was generated for the non panda component

JS Framework

React (TS)

Panda CSS Version

0.18.1

Browser

Chrome 119.0.6045.105

Operating System

• macOS
• Windows
• Linux

Additional Information

In our case, we want to migrate to Panda incrementally, from a codebase that uses rebass + styled components + styled-system that has a similar API than panda

<Box mt='10px'></Box>

So we will have a lot of styles generated for the old code which is concerning

[astahmer]

due to static limitations, we can't know which of your custom components are using Panda internally or not
2 possible workaround:

• change your config.include to only include folders with Panda components
• change config.jsxStyleProps to minimal so that only the css prop will be extracted from Panda