feat(css): Add text keyword to background-clip

[TrySound]

Description

Added text keyword to background-clip value.

Motivation

All browsers already support unprefixed background-clip with text keyword.

Additional details

• https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip

Related issues and pull requests

• Add text and border keywords to background-clip #201

[github-actions]

It looks like this is your first pull request. 🎉 Thank you for your contribution! One of the project maintainers will triage and assign the pull request for review. We appreciate your patience. To safeguard the health of the project, please take a moment to read our code of conduct.

[bsmth]

Thanks for the additions. The page https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip#specifications is currently targeting spec version "Module Level 3", and the syntax for background-clip: text may change, there are open discussions about it: https://drafts.csswg.org/css-backgrounds-4/#propdef-background-clip.

We may want to wait until the open questions on this spec are resolved. The linked PR (#201) has a discussion about this already.

[TrySound]

Wow, nice!

[skyclouds2001]

Suggested change

	"syntax": "[ <box> | text ]#",
	"syntax": "<bg-clip>#",

then add a bg-clip syntax entry in syntaxes.json

the visual-box syntax entry is already added, so there is no use to adjust it

[skyclouds2001]

also per bcd, border-area value is supported in safari preview browser, this can be added at the same time

see:
https://bugs.webkit.org/show_bug.cgi?id=277693
https://bugs.webkit.org/show_bug.cgi?id=277842
https://bugs.webkit.org/show_bug.cgi?id=277910