Nested counters and cross references

Hello,

I’d like to nest ordered lists and reference list items in other places (common use-case in contract documents).

HTML
<ol>
  <li>first level</li>
  <li>
    first level:
    <ol>
      <li>second level</li>
      <li id="ref">second level</li>
    </ol>
  </li>
</ol>
<a href="#ref">This is a reference to </a>

CSS
ol {
  counter-reset: item;
}

li {
  list-style-type: none;
  counter-increment: item;
}

li:before {
  content: counters(item, '.') ' ';
}

a:after {
  content: target-counters(attr(href), item, '.');
}

Unfortunately this won’t work with pagedjs (see https://printcss.live/mxkaz6raJ0).
Is there a way to achieve this with CSS and pagedjs, or do I have to do my own counters in JS?
Do you plan to support nesting with counters() and target-counters() in the near future?

Thank you for all the hard work with such a great lib.