Pattern styles not compiled in monorepo

[robcostello1]

Description

When I use patterns in the UI library package in my monorepo, I expect the styles to be generated when running my app but no styles are generated. I have closely followed the example here, but I've amended the reproduction to closely match our project.

Other Panda functions like css are generating styles correctly.

It looks like I'm having a similar issue to this but as far as I can see I have the paths set up correctly.

Link to Reproduction

https://stackblitz.com/~/github.com/robcostello1/panda-pattern-monorepo

Steps to reproduce

1. Go to stackblitz reproduction
2. View compiled page
3. The element containing the text should have a column-span of 6 (half the page width)
4. Instead, no column-span is applied

JS Framework

React (TS)

Panda CSS Version

0.33.0

Browser

Chrome 121

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[robcostello1]

[astahmer]

you're currently using importMap: "@eonnext/styled-system", but the imports from the styled-system seems to be coming from @scootch/styled-system

import { cx } from "@scootch/styled-system/css";
import {
  type GridItemProps as StylesGridItemProps,
  type HTMLStyledProps,
  styled,
} from "@scootch/styled-system/jsx";
import { gridItem } from "@scootch/styled-system/patterns";

so you need to set the importMap to the same thing, e.g importMap: "@scootch/styled-system"

[astahmer]

https://panda-css.com/docs/guides/component-library

[robcostello1]

Aha. Thank you. That was a typo in converting to the minimal reproduction. Changing that does fix the issue in the reproduction.

Unfortunately the path is correct in the actual project so there's something else causing the issue there. I'll investigate further and update here.