SystemProperties types generation missing CssVars. Types suggestions with globalVars without utilities.

[summerfallen]

Hello. I'm using Panda with a config where I add (extend) globalVars with all necessary keys so that I get TypeScript autosuggests. I have the following config with strictTokens and strictPropertyValues enabled:

export default defineConfig({
  ...commonConfig,
  presets: [createDSPreset({ buildRecipes: true })],
  clean: true,
  lightningcss: true,
  minify: true,
  strictTokens: true,
  strictPropertyValues: true,
  shorthands: false,
});

definePreset({
  name: "ds-preset",
  theme: {
    extend: { recipes },
  },
  globalVars: {
    extend: { ...themeVars },
  },
  staticCss: {
    ...(buildRecipes && { recipes: "*" }),
  },
});

I see that the generated type SystemProperties in style.props.d.ts for the color property is:

color?: ConditionalValue<WithEscapeHatch<CssProperties["color"]>>

which doesn't offer suggestions because as I see CssVars is not provided.

However, if I configure:

utilities: {
  extend: {
    color: { values: [""] },
  },
},

then the generated type becomes:

color?: ConditionalValue<WithEscapeHatch<UtilityValues["color"] | CssVars>>

allowing suggestions (showing all variables defined in the config, even those unrelated to colors).

From what I understand, the type CssVars isn't added when the property is missing in the config as it's implemented in generateStyleProps() here.

My questions are:

• Am I missing something in the configuration?
• Is there a workaround besides manually adding each property I need to generate types for?
• Should I open a feature request for an option to force the generation of CssVars in such cases?

Any insights are appreciated. Thank you.