JSFiddle - React, Tailwind, and code Playground

HTML

<p><q>This is a q element with no quote style (should have enclosing quotes because of browser defaults).</q></p>
<p><q class="quotes-none">This is a q element with quotes suppressed with a quotes: none style.</q></p>
<p><q class="content-none">This is a q element with quotes suppressed with content: none styles on :before and :after.</q></p>

CSS

p {
    border: 1px dashed green;
    padding: 1em;
}
q.quotes-none {
    quotes: none;
}

q.content-none:before, q.content-none:after {
    content: none;
}