@utility custom layer order

[Hecatron]

I've seen that its possible to use @layer statements within @utility
#14363

But is it possible to define the layer priority for these css layers?
I'm trying to write my own component library similar to daisyui
but just using the tailwind v4 @import methods and avoiding the use of addUtilities, addComponents plugin methods. (from what I understand addComponents just ends up in the utilities layer anyway with tailwind 4)

But I'm noticing I can't specify the layer order for stuff inside utilities

@layer theme, base, components, utilities;

/* I think this is ignored */
@layer utilities {
  @layer test-ui,
         test-ui.l1,
         test-ui.l1.l2,
         test-ui.l1.l2.l3;
}

@import "tailwindcss";

@utility radio-xs {
  @layer test-ui.l1.l2.l3 {
    padding: 1rem;
  }
}

@utility radio-primary {
  @layer test-ui.l1 {
    padding: 2rem;
  }
}

/* always gets priority because shorter layer name? */
@utility radio {
  @layer test-ui {
    padding: 3rem;
  }
}

[Hecatron]

Ok so found an answer to my own question, just to use dashes instead of dots so they're not picked up as nested

@layer theme, base, components, utilities-test-ui, utilities-test-ui-l1, utilities-test-ui-l1-l2, utilities-test-ui-l1-l2-l3, utilities;

@import "tailwindcss";

/* This now has priority */
@utility radio-xs {
  @layer test-ui-l1-l2-l3 {
    padding: 1rem;
  }
}

@utility radio-primary {
  @layer test-ui-l1 {
    padding: 2rem;
  }
}

@utility radio {
  @layer test-ui {
    padding: 3rem;
  }
}