new rule: no-nested-style-tag

[baseballyama]

Motivation

This rule prohibits the use of nested <style> tags to prevent unintended style application.

https://svelte.dev/docs/svelte/nested-style-elements

Description

Nested <style> tags are not scoped, which may lead to unintended styles being applied.

Examples

<script>
</script>

<!-- ✓ GOOD -->
<style>...</style>

<!-- ✗ BAD -->
<div>
  <style>...</style>
</div>

{@snippet}
  <style>...</style>
{/snippet}

Additional comments

No response