fix: prevent cropped icons in webkit (#5261)

* fix: set `min-inline-size` and `max-inline-size` to ensure icons are not cropped in webkit

closes #5247

* chore: remove `@db-ux/core-web` from changeset config

this is needed since otherwise when running `npm run changeset`, will error with:

> The package or glob expression "@db-ux/core-web" is specified in the
> `ignore` option but it is not found in the project.
>You may have misspelled the package name or provided an invalid glob expression

* chore: changesets

* fix: use correct version type `patch`

* Update packages/foundations/scss/icons/_icon-helpers.scss

Co-authored-by: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>

* Update .changeset/young-doors-act.md

---------

Co-authored-by: Maximilian Franzke <787658+mfranzke@users.noreply.github.com>

Author: d-koppenhagen

.changeset/young-doors-act.md

@@ -0,0 +1,5 @@
+---
+"@db-ux/core-foundations": patch
+---
+
+fix: prevent cropped icons in webkit

__snapshots__/badge/showcase/mobile-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png

@@ -161,7 +161,8 @@ $default-icon-font-size: var(--db-icon-font-size, #{$default-icon-size-rem});
 	overflow: clip;
 	vertical-align: var(--db-icon-vertical-align, middle);
 	block-size: $default-icon-font-size;
-	inline-size: $default-icon-font-size;
+	aspect-ratio: 1;
+	flex-shrink: 0;
 
 	@include icon-content($default-icon-content); // TODO: ONLY FOR data-icon