title: @typescript-eslint/naming-convention custom configuration for @emotion style files
body: <p>Inside a design system I maintain, we use a modified BEM format for the naming of exported @emotion/css JSS styles.</p>
  <p>The syntax looks something like this:</p>
  <pre class="lang-js prettyprint-override"><code>Selector_descendant___modifier
  </code></pre>
  <p>eg (pseudo code):</p>
  <pre class="lang-js prettyprint-override"><code>// header.styles.ts
  export const Header_container___isFlex = css`
    display: flex;
    flex: 1;
  `;
  </code></pre>
  <p>Ofcourse, @typescript-eslint/naming-convention doesn't like this syntax. I wonder, is there either a way to create a custom rule to allow for this syntax to be used ONLY inside *.style.ts files? Or failing that, is there some kind of extra custom rule configuration we can add to this eslint plugin, to enforce this syntax?</p>