fix(form-controls): adjust flex properties inside of an item (#29328)

Issue number: resolves #29319

---------

## What is the current behavior?
Icons (not slotted) alongside a checkbox, toggle, or radio in an item
using the modern syntax cause the icon to shrink in width.

## What is the new behavior?
Allow the checkbox, toggle, and radio to shrink to accommodate the icon.
This matches the select behavior:
https://github.com/ionic-team/ionic-framework/blob/f0da2c1727a4b4bb5dfeab3fd0be10e5457bbc83/core/src/components/select/select.scss#L84

| Before | After |
| --- | --- |
|
![before](https://github.com/ionic-team/ionic-framework/assets/6577830/ca32e2a7-ee10-427e-b060-3c554e9e7fec)
|
![after](https://github.com/ionic-team/ionic-framework/assets/6577830/8be2d918-0caa-4b7a-8fc7-a57456307a84)
|

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

---------

Co-authored-by: ionitron <hi@ionicframework.com>

core/src/components/checkbox/checkbox.scss

@@ -38,6 +38,8 @@
 }
 
 :host(.in-item) {
+  flex: 1 1 0;
+
   width: 100%;
   height: 100%;
 }

core/src/components/radio/radio.scss

@@ -58,6 +58,8 @@ input {
 }
 
 :host(.in-item) {
+  flex: 1 1 0;
+
   width: 100%;
   height: 100%;
 }

core/src/components/toggle/toggle.scss

@@ -39,6 +39,8 @@
 }
 
 :host(.in-item) {
+  flex: 1 1 0;
+
   width: 100%;
   height: 100%;
 }