define styles for tag

[Kimzify]

Description

according to panda's documentation it is possible to define styles for nested tag like this:
'& span': { color: 'pink.400' }

I have a component that accept children as a svg component, and I want to style the svg, but it doesn't work at all.

      <span
        className={cx(stepClassNames.bullet, classNames?.bullet)}
        data-active={state === 'active'}
        data-completed={state === 'completed'}
        data-disabled={state === 'disabled'}
      >
        {type === 'complex' && children}
      </span>

    bullet:{
      '& svg': {
        fontSize: 'initial',  // not working 
       },
     }

I think it's because children component is not specified and it cannot generate that style.
is there any solution or recommendation here?

Link to Reproduction

--

Steps to reproduce

No response

JS Framework

No response

Panda CSS Version

0.22.0

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

Hi @Kimzify,

I can't reproduce this

Please create a reproduction before we can consider this an issue

I think your code is correct, but a reproduction will help verify that.