Outline checkbox button has incorrect focus state

Created by: LocalHeroPro

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

When we use Checkbox with outlined style https://getbootstrap.com/docs/5.2/forms/checks-radios/#outlined-styles When checkbox is selected and we click on that checkbox to unselect it, selecting color still appear and to see changes - no color inside button - we need to click somewhere else. If wee still clicking on same checkbox, we have selected color inside checkbox. No changes appears. It's annoying.

Reduced test cases

Single toggle

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

Linux

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

Chrome, Firefox, Opera

What version of Bootstrap are you using?

5.2