help with psudo element ::-webkit-scrollbar and ::-webkit-scrollbar-thumb

[alejandroyunes]

Can anybody help me to turn the below code into stylex:

this works in dev but I get the below error.

    "::-webkit-scrollbar": {
      width: "8px",
      height: "8px"
    },
    "::-webkit-scrollbar-thumb": {
      borderRadius: "8px",
      backgroundColor: xBorderColor
    },

Pseudo Classes, Media Queries and other At Rules should be nested as conditions within style properties. Only Pseudo Elements (::after) are allowed at the top-level  @stylexjs/valid-styles

Error: Pseudo Classes, Media Queries and other At Rules should be nested as conditions within style properties. Only Pseudo Elements (::after) are allowed at the top-level  @stylexjs/valid-styles

I've tried something like this, even though scrollbarThumb doesnt exist, I couldnt get the scrollbar-thumb: { borderRadius: 8}

    scrollbarWidth: 8,
    scrollbarHeight: 8,
    scrollbarColor: "red blue",
    //scrollbarThumb: 8

thank you