Reference notFoundMessage not working

[peterbartels]

Description

When I input a token reference that doesn't exist e.g. {spacing.foo} I would expect see a warning in the console, this is implemented here:

panda/packages/token-dictionary/src/utils.ts

Line 38 in 01d72ad

const notFoundMessage = (key: string, value: string) => `Reference not found: \`${key}\` in "${value}"`

It should show a message like warn [token] Reference not found: spacing.foo in "{spacing.foo}"

The warning is quite handy to trace accidentally wrong token usage.

Prior to v0.39.2 this was working. I reported this here: #2626

Link to Reproduction

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

Steps to reproduce

1. Go to https://play.panda-css.com/lhbG74qk60
2. Run the code
3. Check console
4. No warning

JS Framework

React

Panda CSS Version

0.39.2

Browser

n.a.

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[segunadebayo]

This is by design. I'm not even sure how it worked in 0.39.x

Currently, we only validate the usage of token references in semantic tokens defined in the theme. We don't do that for recipes to avoid extra runtime or speed overheads.

If you used an invalid token reference in semantic tokens, you'll see a warning as expected.

We'll consider validating token usage in recipes in the future. It might create an HMR bottleneck, though, so no promise.