/// Forces a single line of text to truncate with an ellipsis
/// when it exceeds its container's width.
///
/// This mixin should only be applied to elements with
/// `display: block;` or `display: inline-block;`.
///
/// @group Typography
///
/// @example scss
/// 	@use '@daffodil/design/scss/typography';
///
/// 	.component {
/// 		@include typography.text-truncate();
/// 	}
@mixin text-truncate() {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}