Fix styleVariants type when using the map data function

[m7yue]

const vars = createThemeContract({
  info: {
    bgColor: null,
  },
  warn: {
    bgColor: null,
  },
  success: {
    bgColor: null,
  },
  error: {
    bgColor: null,
  }
});

export const staticCardStyles = styleVariants(
  vars,
  ({bgColor}) => [staticCard, { backgroundColor: bgColor }]
);

the error in my components lib is:

Property 'bgColor' does not exist on type 'var(--${string}) | var(--${string}, ${string}) | var(--${string}, ${number}) | MapLeafNodes<{ info: { bgColor: null; }; warn: { bgColor: null; }; success: { bgColor: null; }; error: { bgColor: null; }; }[Key], CSSVarFunction>'.ts(2339)

when i fix the styleVariants's type, it's works well.

const vars = createThemeContract({
  info: {
    bgColor: null,
  },
  warn: {
    bgColor: null,
  },
  success: {
    bgColor: null,
  },
  error: {
    bgColor: null,
  }
});

export declare function styleVariants<Data extends Record<string | number, unknown>, Key extends keyof Data>(
  data: Data,
  mapData: (value: Data[Key], key: Key) => ComplexStyleRule,
  debugId?: string
): Record<keyof Data, string>;

export const staticCardStyles = styleVariants(
  vars,
  ({bgColor}) => [staticCard, { backgroundColor: bgColor }]
);

so, i think it related with typescript.

[changeset-bot]

🦋 Changeset detected

Latest commit: b7056d6

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
@vanilla-extract/css	Patch
@fixtures/features	Patch
@fixtures/low-level	Patch
@fixtures/recipes	Patch
@fixtures/sprinkles	Patch
@fixtures/themed	Patch
@fixtures/unused-modules	Patch
vanilla-extract-example-webpack-react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[mattcompiles]

@m7yue Hey bud, thanks for the PR. We've seen this occur as well so thanks for looking into it.

The formatting is invalid though on your change. Could you run pnpm format and push the changes?

[m7yue]

@m7yue Hey bud, thanks for the PR. We've seen this occur as well so thanks for looking into it.

The formatting is invalid though on your change. Could you run pnpm format and push the changes?

ok, i get it.

[mattcompiles]

Thanks for the PR mate 👏