chore: bump design-core and simplify button CSS (#11124)

Update dependency versions 1.3.1,
remove redundant hover variables, and keep
outline text color consistent on hover.

Author: PavelLaptev

apps/desktop/package.json

@@ -24,7 +24,7 @@
 	},
 	"devDependencies": {
 		"@anthropic-ai/sdk": "^0.59.0",
-		"@gitbutler/design-core": "^1.2.6",
+		"@gitbutler/design-core": "^1.3.2",
 		"@gitbutler/core": "workspace:*",
 		"@gitbutler/shared": "workspace:*",
 		"@gitbutler/svelte-comment-injector": "workspace:*",

apps/web/package.json

@@ -15,7 +15,7 @@
 	},
 	"devDependencies": {
 		"@csstools/postcss-global-data": "^3.0.0",
-		"@gitbutler/design-core": "^1.2.6",
+		"@gitbutler/design-core": "^1.3.2",
 		"@gitbutler/core": "workspace:*",
 		"@gitbutler/shared": "workspace:*",
 		"@gitbutler/ui": "workspace:*",

packages/ui/package.json

@@ -47,7 +47,7 @@
 		"@codemirror/language": "^6.11.2",
 		"@codemirror/legacy-modes": "^6.5.2",
 		"@csstools/postcss-bundler": "^2.0.8",
-		"@gitbutler/design-core": "^1.2.6",
+		"@gitbutler/design-core": "^1.3.2",
 		"@lezer/common": "^1.2.3",
 		"@lezer/highlight": "^1.2.1",
 		"@playwright/experimental-ct-svelte": "^1.56.1",

packages/ui/src/lib/components/Button.svelte

@@ -299,7 +299,6 @@
 		/* Theme Variables - All themes use the same pattern */
 		:where(&.neutral) {
 			--theme-outline-text: var(--clr-btn-ntrl-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-ntrl-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-ntrl-outline-bg);
 			--theme-outline-border: var(--clr-btn-ntrl-outline);
 			--theme-solid-text: var(--clr-theme-ntrl-on-element);
@@ -309,7 +308,6 @@
 
 		:where(&.pop) {
 			--theme-outline-text: var(--clr-btn-pop-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-pop-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-pop-outline-bg);
 			--theme-outline-border: var(--clr-btn-pop-outline);
 			--theme-solid-text: var(--clr-theme-pop-on-element);
@@ -319,7 +317,6 @@
 
 		:where(&.success) {
 			--theme-outline-text: var(--clr-btn-succ-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-succ-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-succ-outline-bg);
 			--theme-outline-border: var(--clr-btn-succ-outline);
 			--theme-solid-text: var(--clr-theme-succ-on-element);
@@ -329,7 +326,6 @@
 
 		:where(&.error) {
 			--theme-outline-text: var(--clr-btn-err-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-err-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-err-outline-bg);
 			--theme-outline-border: var(--clr-btn-err-outline);
 			--theme-solid-text: var(--clr-theme-err-on-element);
@@ -339,7 +335,6 @@
 
 		:where(&.warning) {
 			--theme-outline-text: var(--clr-btn-warn-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-warn-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-warn-outline-bg);
 			--theme-outline-border: var(--clr-btn-warn-outline);
 			--theme-solid-text: var(--clr-theme-warn-on-element);
@@ -349,7 +344,6 @@
 
 		:where(&.purple) {
 			--theme-outline-text: var(--clr-btn-purp-outline-text);
-			--theme-outline-text-hover: var(--clr-btn-purp-outline-text-hover);
 			--theme-outline-bg: var(--clr-btn-purp-outline-bg);
 			--theme-outline-border: var(--clr-btn-purp-outline);
 			--theme-solid-text: var(--clr-theme-purp-on-element);
@@ -364,12 +358,7 @@
 			--btn-bg: var(--theme-outline-bg);
 		}
 
-		:where(&.outline:not(:disabled):hover),
-		:where(&.ghost:not(:disabled):hover),
-		:where(&.outline.activated),
-		:where(&.ghost.activated) {
-			--label-clr: var(--theme-outline-text-hover);
-		}
+		/* Hover and activated states maintain the same text color as default state */
 
 		:where(&.outline) {
 			--btn-border-clr: var(--theme-outline-border);