eslint-plugin-panda icon indicating copy to clipboard operation
eslint-plugin-panda copied to clipboard

`no-invalid-token-paths` reports false positive with color opacity modifier

Open oneHoopoe opened this issue 6 months ago • 1 comments

Given this code:

import { styled } from '../styled-system/jsx'

function App() {
  return (
    <styled.p css={{boxShadow: "0px 5px 5px {black/25}"}}>Reproduction</styled.p>
  )
}

export default App

ESlint reports a following error:

5:32  error  `black/25` is an invalid token path  @pandacss/no-invalid-token-paths

I have created a reproduction repo as a minimum reproducible example, if it helps. The example CSS rule is in App.tsx.

oneHoopoe avatar May 03 '25 15:05 oneHoopoe