title: Apexcharts tooltip styles don't applied
body: <p>I'm trying to apply some basic style into my tooltip using ApexCharts in React. </p>
  
  <p>This is my configuration:</p>
  
  <pre><code>const options = {
      chart: {
        foreColor: "#ffffff12",
        toolbar: {
          show: false
        }
      },
      colors: ["white"],
      stroke: {
        width: 3
      },
      grid: {
        borderColor: "#ffffff12",
        borderWidth: 1,
        clipMarkers: false,
        yaxis: {
          lines: {
            show: false
          }
        },
        xaxis: {
          lines: {
            show: true,
          },
        }
      },
      dataLabels: {
        enabled: false
      },
      fill: {
        gradient: {
          enabled: true,
          opacityFrom: 0.4,
          opacityTo: 0
        }
      },
      markers: {
        size: 0
      },
      tooltip: {
        enabled: true,
        style: {
          fontSize: '20px',
          fontFamily: 'Roboto'
        },
        x: {
          show: true,
          format:'HH:mm'
        },
        y: {
          formatter:(value) =&gt; `${value}$`
        },
        marker: {
          show: false,
        },
        theme:'dark'
      },
      ...
  </code></pre>
  
  <p>I'm able to see it with the dark default values (like dark background and white font color etc...), but I'm not able to make it work with my own.</p>
  
  <p>Thanks in advance!</p>