How am I supposed to use my gradient defined in my tokens ?

[LouisLecouturier]

I've created gradients in my tokens like so :

gradients: {
          accent: {
            value: {
              type: "linear",
              placement: 45,
              stops: ["accent.500", "accent.700"],
            },
            description: "accent gradient used for buttons",
          },
          primary: {
            value: {
              type: "linear",
              placement: 45,
              stops: ["colors.primary.700", "colors.primary.900"],
            },
            description: "primary gradient used for buttons",
          },
        },

But I can't find any documentation on how to use it...
I tried to use it like so :

const heroBackground = css(
  {
      bg: token("gradients.primary")
  }
)

But I get an error not assignable to type Token

How can I use it ?

[LouisLecouturier]

Okay turns out there is a bgGradient property I didn't see
Didn't seem intuitive for me haha

cont styles = css({
  bgGradient : "primary"
})