Reusing compoundVariants with typescript

[dvzrd]

I know it's possible to reuse some common variants without much type safety concerns, for example:

export const borderVariant = {
  none: "border-none",
  hidden: "border-hidden",
  solid: "border-solid",
  dashed: "border-dashed",
  dotted: "border-dotted",
  double: "border-double",
};

export const sizeVariant = {
  unset: "",
  none: "",
  xs: "",
  sm: "",
  md: "",
  lg: "",
  xl: "",
};

export const boxVariant = tv({
    variants: {
        border: borderVariant,
        size: sizeVariant,
     },
})

But I'm having trouble reusing some common compoundVariants, for example if I try to spread this inside a compoundVariants array of a tv object like this:

export const borderSizes = [
   {
      border: ["hidden", "solid", "dashed", "dotted", "double"],
      size: "xs",
      className: "border",
    },
    {
      border: ["hidden", "solid", "dashed", "dotted", "double"],
      size: "sm",
      className: "border",
    },
    {
      border: ["hidden", "solid", "dashed", "dotted", "double"],
      size: "md",
      className: "border-2",
    },
    {
      border: ["hidden", "solid", "dashed", "dotted", "double"],
      size: "lg",
      className: "border-4",
    },
    {
      border: ["hidden", "solid", "dashed", "dotted", "double"],
      size: "xl",
      className: "border-6",
    },
]

export const boxVariant = tv({
    variants: {
        border: borderVariant,
        size: sizeVariant,
     },
     compoundVariants: [
        ...borderSizes,
     ]
})

I get a typescript error that basically says the props of the objects don't match the props of the variants. Is there a way to handle this use case of reusable compoundVariants without typecasting it using a predefined tv object? Ideally, I'd want to reuse some common compoundVariant patterns inside of multiple tv object instances that share some common variant patterns like in the example above.