name属性引用您试图查询的元素的可访问名称。
来自ByRole查询文档（第三段）：
您可以按元素的accessible name查询返回的元素。可访问名称适用于简单情况，例如，等于表单元素的标签、按钮的文本内容或aria-label属性的值。如果呈现的内容中存在多个具有相同角色的元素，则可使用该名称查询特定元素。
正如@Moistbobo所提到的，由于您的按钮有aria-label="Close"，那么Close将是它的可访问名称。

这里的问题是第一个按钮没有一个aria-label，默认情况下将回退到使用按钮内容来实现可访问性。
由于第二个按钮的aria-label为Close，因此name属性在本例中应为Close。
我编写了以下测试来演示这一点。

import {render} from "@testing-library/react";

describe('test', () => {
   it('find by name -> aria-label', () => {
       const {getByRole} = render(<button
           aria-label="Close"
           className="css-1dliicy"
           type="button"
       >
           Create new
       </button>)

       const button = getByRole('button', {name: 'Close'});

       expect(button).toBeTruthy();
   })

    it('find by name -> button content', () => {
        const {getByRole} = render(
            <button>button text</button>
        );

        const button = getByRole("button", {name: /button text/gi});

        expect(button).toBeTruthy();
    })

    it('will throw an error', () => {
        const {getByRole} = render(
            <button>button text</button>
        );

        /** will throw this error:
         * Unable to find an accessible element with the role "button" and name `/button texat/gi`
         *  Here are the accessible roles:
         *
         *  button:
         *
         *  Name "button text":
         */
        const button = getByRole("button", {name: /button texta/gi});

        expect(button).toBeTruthy();
    })
});