css in jsx not scoped

[mustapha-wang]

if use jsx,the scoped css not applied.

<script setup lang="jsx">
  console.log('sfc setup');
  const My=function(){return(
    <>
      <span class='red'>red</span>
      <h1>china,shanghai</h1>
    </>
  )}
</script>

<template>
  <My />
</template>

<style scoped>
  h1{
    font-size: large;
    color:red;
  }
  .red{
    color:red;
  }
</style>
`