semanticTokens don't seem to generate in nx/monorepo context

[mayteio]

Description

I'm using nx to manage my project. I've got it set up so that;

1. Main Next.js app runs in apps/my-app
2. tokens, semantic tokens and recipes live in libs/theme and imported into the panda.config.ts via @nx-integrated-monorepo/theme.
3. panda watches the next.js app/storybook and outputs are sent to libs/styled-system/src/__generated__/* and exported via @nx-integrated-monorepo/styled-system.

This works as expected for recipes and tokens, but not semantic tokens.

Here's my panda.config.ts:

import { defineConfig } from '@pandacss/dev';
import {
  recipes,
  semanticTokens,
  tokens,
  textStyles,
} from '@nx-integrated-monorepo/theme';

export default defineConfig({
  include: ['./app/**/*.{ts,tsx}', '../../libs/**/*.{ts,tsx}'],
  exclude: [],
  theme: {
    semanticTokens, // doesn't work
    extend: {
      recipes,
      textStyles,
      tokens,
      semanticTokens: { // also doesn't work
        colors: {
          heavy: { value: '#FF0000' },
        },
      },
    },
  },
  jsxFramework: 'react',
  outExtension: 'js', // needed for jest
  outdir: '../../libs/styled-system/src/__generated__',
});

This mostly works as expected - I can see tokens I've created via defineTokens in the output CSS, but the semantic tokens are not outputting (regardless of whether I inline them here or define them in the theme lib).

Link to Reproduction

Codesandbox

Steps to reproduce

1. Go to codesandbox
2. Run task called "Run storybook"
3. Check libs/styled-system/src/__generated__tokens/index.css for missing heavy semantic token
4. Verify in storybook that the token isn't found:

JS Framework

React, TS, next.js, storybook, nx (🥲)

Panda CSS Version

0.5.1

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response