This code:

<style>
  .align-important {
    text-align:right !important;
  }
</style>
<table>
    <tr>
        <td class="align-important">
            XXXXX
        </td>
    </tr>
</table>

outputs this:

<table>
    <tr>
        <td class="align-important" style="text-align: right !important;" align="right !important">
            XXXXX
        </td>
    

Elements like <style> and <script> contain metadata content that should not be output as part of a plaintext document.

One important use case is when including media queries in a <style> tag. Right now, this content will appear in the plaintext email, adding some ugly, unhelpful content.

Would it be possible to use CSS transforms instead of setting max-width? Transforms should be more performant especially on low-end devices.