fix(tooltip,textfield,sidenav): update deprecated css (#4044)

Author: 5t3ph

.changeset/chubby-mirrors-wish.md

@@ -0,0 +1,6 @@
+---
+"@spectrum-css/sidenav": patch
+"@spectrum-css/tooltip": patch
+---
+
+Replace deprecated `word-break: break-word` with `overflow-wrap: break-word` to align with modern CSS standards and improve cross-browser compatibility. This property was deprecated in Chrome 44 (July 2015) in favor of the standardized `overflow-wrap` property.

components/sidenav/index.css

@@ -189,7 +189,7 @@
 	display: inline-flex;
 	justify-content: start;
 	box-sizing: border-box;
-	word-break: break-word;
+	overflow-wrap: break-word;
 	hyphens: auto;
 	cursor: pointer;
 	transition:
@@ -216,6 +216,9 @@
 	.spectrum-SideNav-link-text {
 		margin-block-start: var(--mod-sidenav-top-to-label, var(--spectrum-sidenav-top-to-label));
 		margin-block-end: var(--mod-sidenav-bottom-to-label, var(--spectrum-sidenav-bottom-to-label));
+
+		/* Allow overflow-wrap to work and prevent text overflow */
+		inline-size: 100%;
 	}
 
 	.spectrum-Icon {

components/tooltip/index.css

@@ -87,7 +87,7 @@
 	font-size: var(--mod-tooltip-font-size, var(--spectrum-tooltip-font-size));
 	font-weight: var(--mod-tooltip-font-weight, var(--spectrum-tooltip-font-weight));
 	line-height: var(--mod-tooltip-line-height, var(--spectrum-tooltip-line-height));
-	word-break: break-word;
+	overflow-wrap: break-word;
 	-webkit-font-smoothing: antialiased;
 
 	cursor: default;
@@ -301,6 +301,9 @@
 	line-height: var(--mod-tooltip-line-height, var(--spectrum-tooltip-line-height));
 	margin-block-start: var(--mod-tooltip-spacing-block-start, var(--spectrum-tooltip-spacing-block-start));
 	margin-block-end: var(--mod-tooltip-spacing-block-end, var(--spectrum-tooltip-spacing-block-end));
+
+	/* Allow overflow-wrap to work and prevent text overflow */
+	inline-size: 100%;
 }
 
 /****** Tooltip Placement and Animation Direction ******/