adds inner-shadow-highlight variable to inner shadow 1-4

[argyleink]

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

Visit the preview URL for this PR (updated for commit 3212a75):

https://open-props--pr399-inner-shadow-highlig-9zmajy1z.web.app

_{(expires Thu, 07 Sep 2023 04:43:01 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 32524ac481f54edda55dc959fa4614cf1acc8c11}

[argyleink]

tests are failing because I added a new prop

[ezzatron]

@argyleink Just a heads up that the inner shadow highlight looks a bit... weird on light themes.

With --inner-shadow-highlight it looks kind of like there's a dark 1px border along the top edge of the inset:

Without --inner-shadow-highlight:

(Note that this component deliberately only uses the inset shadow on the top and bottom)

As usual, it's easy to override, but I thought I'd bring it up in case it was just an oversight. Cheers!

[argyleink]

ewww that's gross agree, lemme fix!

[argyleink]

fixed in v1.6.9 🙏🏻