Sudden Changes in Y-Axis Margins and Animation Direction in ApexCharts without Configuration Modification

[chaconne67]

I've been effectively utilizing ApexCharts. Two days ago, however, there was a sudden shift in the default settings for the y-axis maximum values, as well as in the animation style of the charts. I am currently importing ApexCharts via CDN, and I am wondering if there has been a version update. In particular, there has been an unexpected increase in the margin above the maximum value of the series on the y-axis, and the animation of the line chart has changed from appearing from bottom to top to now appearing from left to right upon clicking the legend. I want to emphasize that I have not altered any settings. If there hasn't been a version update, I would greatly appreciate advice on how to resolve these two issues properly. Below is my chart settings.

function mainChartHandler() {
     let div = document.querySelector("#main_chart");

     let option = {
         series: mainChart.series,
         chart: {
             height: chartHeight,
             events: {
                 zoomed: (contents, { xaxis }) => {
                     this.selectFromTo(xaxis);
                 },
             },
             toolbar: {
                 show: true,
                 offsetX: 0,
                 offsetY: 0,
                 tools: {
                     download: false,
                     selection: true,
                     zoom: true,
                     zoomin: false,
                     zoomout: false,
                     pan: false,
                     reset: false,
                 },
                 autoSelected: "zoom",
             },
             animations: {
                 enabled: true,
                 easing: "easeinout",
                 speed: 100,
                 animateGradually: {
                     enabled: false,
                     delay: 50,
                 },
             },
             fontFamily: "Inter, Noto Sans KR, sans-serif",
             type: "line",
             zoom: {
                 type: "x",
                 enabled: true,
                 autoScaleYaxis: true,
             },
         },
         stroke: {
             width: mainChart.widths,
             curve: "smooth",
         },
         tooltip: {
             fixed: {
                 enabled: true,
                 position: "topLeft",
                 offsetX: 80,
                 offsetY: 10,
             },
             x: {
                 show: true,
                 format: "yyyy-MM-dd",
                 formatter: undefined,
             },
             y: {
                 show: true,
                 formatter: function (val) {
                     val = parseFloat(val);
                     return "₩" + val.toFixed(0) + "만원";
                 },
             },
         },
         legend: {
             show: true,
             position: "bottom",
             height: "50",
         },
         xaxis: {
             type: "datetime",
             categories: mainChart.categories,
             axisBorder: {
                 show: true,
                 color: "#b9b9b9",
                 height: 1,
                 width: "100%",
             },
         },
         yaxis: {
             tickAmount: 15,
             decimalsInFloat: 0,
         },
         grid: {
             show: true,
             xaxis: {
                 lines: {
                     show: false,
                 },
             },
             borderColor: "#e3e3e3",
             strokeDashArray: 3,
             column: {
                 colors: "#F7F7F7",
                 opacity: 0.5,
             },
         },
         colors: mainChart.colors,
     };
     let chart = new ApexCharts(div, option);
     chart.render();
 }