[BUG] In input-group corners aren't rendered as expected

[palcarazm]

Describe the bug
In an input-group, only external corners of the first and last element have to be rounded

To Reproduce
Steps to reproduce the behavior and minimal code:

1. Create a toggle in an input group
2. see the corner are always rounded

Code for Bootstrap4, same issue in bootstrap 5

<div class="input-group mb-3 w-75">
        <input type="checkbox" checked data-toggle="toggle">
        <div class="input-group-prepend">
            <span class="input-group-text">Default</span>
        </div>
        <input type="text" class="form-control">
    </div>
    <div class="input-group mb-3 w-75">
        <div class="input-group-prepend">
            <span class="input-group-text">Default</span>
        </div>
        <input type="text" class="form-control">
        <input type="checkbox" checked data-toggle="toggle">
    </div>
    <div class="input-group mb-3 w-75">
        <div class="input-group-prepend">
            <span class="input-group-text">Default</span>
        </div>
        <input type="checkbox" checked data-toggle="toggle">
        <input type="text" class="form-control">
    </div>

Expected behavior
Only external corners of the first and last element have to be rounded in an input-group.

Screenshots

Package:
(please complete the following information)

• Bootstrap 5 Toggle version: 3.7.0 and 4.3.1
• Bootstrap version: 4.6.2 and 5.2.0

Desktop:
(please complete the following information)

• OS:Win10
• Browser: Chrome
• Version: -

☑️ Task list

• Develop feature/fix jQuery
• Develop feature/fix ECMAS
• Add cypress test coverage
• Update docs (is needed)

[github-actions]

Hi! 👋
Thanks for your issue. You are helping to improve Bootstrap 5 toggle.