[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: -

:ballot_box_with_check: Task list

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

[github-actions[bot]]

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