Publish the text
your component means.

Publish text on the hosts; select a provider during fallback setup.

<input id="tn-input" type="text" aria-labelledby="tn-label-host"
    aria-describedby="tn-description-host">
<rt-gallery-label id="tn-label-host" data-reference-target="text"
    data-label-text="Delivery preference">
  <template shadowrootmode="open" shadowrootreferencetarget="text">
    <strong id="text">Delivery preference</strong>
    <p>This extra component text is outside the selected name.</p>
  </template>
</rt-gallery-label>
<rt-gallery-description id="tn-description-host" data-reference-target="text"
    data-description-text="Tell us where the parcel should be left.">
  <template shadowrootmode="open" shadowrootreferencetarget="text">
    <p id="text">Tell us where the parcel should be left.</p>
  </template>
</rt-gallery-description>

// In the conditionally loaded setup module (package imports):
import { installReferenceTarget } from 'reference-target-fallback/core';
import { textNames } from 'reference-target-fallback/adapters/text-names';

const fallback = installReferenceTarget({
  adapters: [textNames({
    getText(host, kind) {
      return host.getAttribute(kind === 'label'
        ? 'data-label-text' : 'data-description-text');
    },
  })],
});
fallback.hydrate(document);