How to make it build when using panda css as an external lib

[deli-ght]

I want to apply panda css on my design system. While I try to make it, I got a problem with build.

What i want is make css interface and override panda css with it. So I tried to use css in my style-lib.

// my monorepo hierarchy seems like this
📂 @my-monorepo
- 📂 Web application: using @pack/ui
- 📂 @Pack
    - 📂 style-lib : export personalize panda css
    - 📂 ui : design system using style-lib

style-lib is a origin css library files that contains panda css. But when I build, I encounter that panda codegen ran only if there is no internal use for styled-system like css function.

errors like this, even though I set it external in esbuild

 You can mark the path
  "@pack/style-lib/styled-system/css"
  as external to exclude it from the
  bundle, which will remove this error.

const markExternal = {
  name: 'markExternal',
  setup(build) {
    const externalModules = ['@pandacss/dev', '@pack/style-lib'];

    build.onResolve({ filter: new RegExp(`^(${externalModules.join('|')})$`) }, () => ({
      external: true,
    }));
  },
};

when I remove it, it created styled-system and build well. (And after use codegen, internal use works fine) However, when I use css function before I codegen, build failed. How could it work even though I don't need to push my sytled-system on github?

• it works w/o preset but returns same error when attach preset

// src/preset.ts
import { definePreset } from "@pandacss/dev";
import { tokens } from "./engine";

export const stylePreset = definePreset({
  theme: {
    extend: {
      tokens: {
        ...tokens(),
      },
    },
  },
});

[deli-ght]

I found out it is okay when I remove @pack/style-lib 's preset in @pack/style-lib/panda.config.ts.
I just export @pack/style-lib 's preset and apply it to @pack/ui and then it works