Conflict in jsx tracking between config recipes and patterns, recipe styles aren't generated.

[Wurielle]

Description

Hi, I am trying to implement a pattern and a recipe on the same component to achieve what the styled() function does with the benefits of jsx tracking + config definition however I noticed that the recipe styles no longer get generated when both the recipe and the pattern share the same jsx tracking.

The pattern styles get generated just fine, only the recipe ones stop working.

Link to Reproduction

https://play.panda-css.com/q73i_jIPvO

Steps to reproduce

1. Go to the left panel
2. Click on Config
3. Scroll down to buttonPattern in patterns
4. Comment jsx to let the recipe styles generate

JS Framework

React (TS)

Panda CSS Version

0.54.0

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

This use case is quite overloaded. I recommend streamlining your pattern or recipe design so it's easier to reason about.

Keep a clear separation between your recipes and patterns. Ideally, patterns should be used for layout-related styles and recipes for designing component variants.