dropbutton.pcss.css: Unexpected duplicate selector ".dropbutton-wrapper.open .dropbutton__toggle::before"

Problem/Motivation

Unexpected duplicate selector ".dropbutton-wrapper.open .dropbutton__toggle::before" and double "margin-top" with different values, first used at line 208.

Line: 208
  .dropbutton-wrapper.open .dropbutton__toggle::before {
    margin-top: calc(0.5625rem / (2 * 1.41429));
    transform: translate(50%, -50%) rotate(315deg);
  }
...
Line: 225
  .dropbutton-wrapper.open .dropbutton__toggle::before {
    margin-top: calc(0.4375rem / (2 * 1.41429));
  }

Steps to reproduce

File: core/themes/claro/css/components/dropbutton.pcss.css

Proposed resolution

Line: 208
  .dropbutton-wrapper.open .dropbutton__toggle::before {
    margin-top: calc(0.4375rem / (2 * 1.41429));
    transform: translate(50%, -50%) rotate(315deg);
  }

Remaining tasks

no

User interface changes

no

API changes

no

Data model changes

no

Release notes snippet