Vendor prefix is stripped from WebkitBackgroundClip

[Léa Chaminadas]

Bug report

Describe the bug

Vendor prefix is stripped from WebkitBackgroundClip

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

<Box
        as="h1"
        css={{
          display: "inline-block",
          backgroundImage:
            "url('https://images.unsplash.com/photo-1611625105602-42ee06be977e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2671&q=80')",
          WebkitBackgroundClip: "text",
          WebkitTextFillColor: "transparent",
          backgroundSize: "100% auto",
          backgroundPosition: "center",
        }}
      >
        {data.page.title}
</Box>

Expected behavior

I should get -webkit-background-clip: text and I got background-clip: text

Screenshots

What I got

What I want

System information

• OS: Windows
• Browser: Chrome
• Version of Stitches: 1.2.8
• Version of Node.js: 14.18.1