v6: bug: text-wrap and text-balance not working

[coliff]

RE: https://v6-dev--twbs-bootstrap.netlify.app/docs/6.0/utilities/text-wrapping/#wrapping

These classes are invalid and don't work:

.text-balance {
    white-space: balance;
}
.text-pretty {
    white-space: pretty;
}

should be:

.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}

REF: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-wrap

[coliff]

sidenote: some examples (including one referenced above) could benefit from having the bd-example div horizontally resizable to see how the component/utility responds to container size changes. something like:

.bd-example {
    min-width: 320px;
    max-width: 100%;
    overflow: auto;
    resize: horizontal;
    border-right: 1px solid var(--bs-border-color);
}

mockup preview:

[coliff]

Update: fixed now - thanks @mdo! (still think we should have the horizontal resizable thing on some examples (including this one) though!