Add styles for block navigation label

Closes #3415067

css/components/toolbar-block.css

@@ -33,16 +33,19 @@
 }
 
 .toolbar-block__title {
+  margin: 0;
   letter-spacing: 0.8px;
   text-transform: uppercase;
   color: var(--admin-toolbar-color-gray-600);
+  font-family: inherit;
   font-size: var(--admin-toolbar-font-size-xxs);
   font-variation-settings: "wght" 600;
   padding-inline: calc(0.3125 * var(--admin-toolbar-rem)) calc(0.625 * var(--admin-toolbar-rem));
 }
 
-/* Temporarily hide titles on collapse. */
-
-:is(html:not([data-admin-toolbar="expanded"]) .admin-toolbar__content .admin-toolbar__item, html:not([data-admin-toolbar="expanded"]) .admin-toolbar__footer) .toolbar-block__title {
-  display: none;
+html:not([data-admin-toolbar="expanded"]) .toolbar-block__title,
+html[data-admin-toolbar-animating][data-admin-toolbar="expanded"] .toolbar-block__title {
+  visibility: hidden;
+  overflow: hidden;
+  width: 0;
 }