dropdown-item has wrong border-radius

Created by: TomONeill

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

In PR #27703, border-radius was added to fix the overflow. Then in #28127 there was an additional fix for when the dropdown padding is 0.

But the :first-child and :last-child selectors aren't right. They'll always be true since a .dropdown-item is always wrapped in a <li>.

Reduced test cases

$dropdown-padding-y: 0;
$dropdown-border-width: 0;
$dropdown-item-padding-y: 0.625rem;
$dropdown-item-padding-x: 0.75rem;

<ul class="dropdown-menu show">
  <li><a class="dropdown-item" href="#">Regular link</a></li>
  <li><a class="dropdown-item active" href="#" aria-current="true">Active link</a></li>
  <li><a class="dropdown-item" href="#">Another link</a></li>
</ul>

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.1.3