[BUG] Slotted text inside checkbox and radio does not wrap

[x] I have written a good issue

Describe the bug

When slotting text inside kirby-checkbox or kirby-radio text does not wrap, but remains on one line. This can result in text being clipped.

When using the text-property text correctly wraps, and I would expect slotted text to be identical.

Describe how to reproduce the bug

Add two checkboxes or radios where one has slotted text and the other uses the text-property:

<kirby-checkbox text="Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 sed do eiusmod tempor incididunt ut labore et dolore 
 magna aliqua."></kirby-checkbox>

<kirby-checkbox>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit,
   sed do eiusmod tempor incididunt ut labore et dolore 
   magna aliqua.
</kirby-checkbox>

This results in slotted text on one line, which is clipped:

Which Kirby version was used?

9.7.0

What was the expected behavior?

When using the text-property text correctly wraps, and I would expect slotted text to be identical.

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

[ ] Make sure the NOT verified label has been removed by a member of team Kirby; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

[ ] Make sure you have read: "Before you get coding".
[ ] Signal to others you are working on the issue by assigning yourself.
[ ] Create a branch from the develop branch following our branch naming convention.
[ ] Create a test that reproduces the bug following guidelines in: "The good: Test".
[ ] Write code to fix the bug

Review

Once the issue has been implemented and is ready for review:

[ ] Do a self-review.
[ ] Create a pull-request.

kirbydesign / designsystem