Native `<select>` not inside a `<label>` has no caret

[LeaVerou]

https://github.com/shoelace-style/webawesome-alpha/issues/147

I committed to fixing this in the next release as I think it's pretty high priority. There is no way to work around it (short of not using Native Styles at all), and a <select> with no caret is pretty unusable :/

However, it will not be an easy fix: we currently use a pseudo-element with a mask so we can give the SVG the right color. A <select> cannot have a pseudo-element. The native caret is not accessible in any way.

I see the following avenues:

• I wonder if there is a combination of blending modes that we can use to color the caret. Then we can use background-blend-mode and combine it with a solid color layer.
• Failing that, we may end up having to give up on a custom caret and just use the browser default :/