fix: styling issues for remove button inside tag (#4256)

Author: nmerget

__snapshots__/tag/showcase/chromium-highContrast/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png

@@ -84,6 +84,7 @@ export default function DBTag(props: DBTagProps) {
 					data-size="small"
 					data-no-text="true"
 					data-variant="ghost"
+					type="button"
 					title={state.getRemoveButtonText()}>
 					{state.getRemoveButtonText()}
 				</button>

__snapshots__/tag/showcase/chromium/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png

@@ -33,6 +33,7 @@
 
 		&:has(.db-tab-remove-button) {
 			padding-inline-end: 0;
+			border-inline-end: 0;
 		}
 
 		&:has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),
@@ -229,8 +230,12 @@
 			// overwrite to transparent
 			background-color: colors.$db-adaptive-bg-basic-transparent-full-default;
 			color: currentcolor;
-			border: 0;
 			aspect-ratio: 1 / 1;
+			border-inline-start: 0;
+			border-start-start-radius: 0;
+			border-end-start-radius: 0;
+			// stylelint-disable-next-line db-ux/use-border-color
+			border-color: var(--db-tag-border-color);
 		}
 	}
 }

__snapshots__/tag/showcase/firefox/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png

@@ -7,10 +7,11 @@
 $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
 
 @mixin get-weak($name: "adaptive", $border-color: 60, $background-color: 1) {
-	// stylelint-disable-next-line db-ux/use-border-color
-	border-color: var(
+	--db-tag-border-color: var(
 		--db-#{$name}-on-bg-basic-emphasis-#{$border-color}-default
 	);
+	// stylelint-disable-next-line db-ux/use-border-color
+	border-color: var(--db-tag-border-color);
 
 	@include colors.set-current-colors(
 		var(--db-#{$name}-bg-basic-level-#{$background-color}-default),
@@ -19,7 +20,9 @@ $interactive-selectors: "label, button:not(.db-tab-remove-button), a";
 }
 
 @mixin get-strong($name: "adaptive") {
-	border-color: var(--db-#{$name}-on-bg-basic-emphasis-70-default);
+	--db-tag-border-color: var(--db-#{$name}-on-bg-basic-emphasis-70-default);
+	// stylelint-disable-next-line db-ux/use-border-color
+	border-color: var(--db-tag-border-color);
 
 	@include colors.set-current-colors(
 		var(--db-#{$name}-bg-vibrant-default),