Safari autofill layers doubles text when autofilling pininput

[Josh Tate]

Bug description

When allowing safari to autofill the pin input, it can create a double text over the cells as shown in the image

Reproduction

Load safari and allow it to autofill a pin input (ie in square online checkout)

Environment

System:
    OS: macOS 13.2.1
    CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 51.40 MB / 64.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.7.0 - ~/.nvm/versions/node/v18.7.0/bin/node
    npm: 8.15.0 - ~/.nvm/versions/node/v18.7.0/bin/npm
  npmPackages:
    @square/maker: ^17.0.0 => 17.0.0 
    vue: ^2.7.13 => 2.7.13 
    webpack: ^5.75.0 => 5.75.

### Addressed by

_No response_

### Can you contribute a fix?

- [X] I’m interested in opening a pull request for this issue.

[github-actions]

🎉 This issue has been resolved in version 17.2.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀