css has children style issue?

Question

is there a way you can hit p only if it does not contain a span tag? line height at p is my problem.

I have tried with a lot of different css attempts, not, first-child and many others. Think what I'm looking for does not exist. but are there any colleagues who have an idea if this can be done?

https://codepen.io/luka2193/pen/KKQRavP

<div class="container">
   <p><span class="text-tiny">test</span></p>
   <p><span class="text-small">test</span></p>
   <p>test</p>
   <p><span class="text-big">test</span></p>
   <p><span class="text-huge">test</span></p>
</div>

p{
    font-size: 56pt;
    line-height: 56pt;
}

p .text-tiny {
    font-size: 16pt;
    line-height: 18pt;
}

p .text-tiny {
    font-size: 16pt;
    line-height: 18pt;
}

p .text-small {
    font-size: 44pt;
    line-height: 48pt;
}

p .text-big {
    font-size: 72pt;
    line-height: 70pt;
}

p .text-huge {
    font-size: 120pt;
    line-height: 120pt;
}